jQuery $.ajax 不在 IE 中调用 ASP.NET Web 服务方法

Question

我一直在尝试通过 IE 使用 $.ajax 方法从 jQuery 调用 Web 服务，但它似乎不起作用。我查看了 Stackoverflow 和大量的 Google 搜索，但人们提出的解决方案都没有为我工作。

以下是事情的设置...

jQuery 调用：

function PerformPainPointDataSubmit() {

    var coordString = "";

    var mapAreas = $('map[id$=body_profile_map]').find('area');

    mapAreas.each(function() {
        if ($(this).attr('shape').toLowerCase() == "circle") {
            coordString += $(this).attr('coords') + ';';
        }
    });

    $.ajax({
        type: "POST",
        url: "../../LandingPageWebService.asmx/PerformPainPointDataSubmit",
        data: JSON.stringify({ "coords": coordString }), 
        //data: "{'coords':'" + coordString + "'}", // Doesn't work
        //data: '{ "coords": "' + coordString + '" }'  // Also doesn't work
        contentType: "application/json; charset=utf-8",
        datatype: "json",
        async: true,
        cache: false,
        success: function(data) {
            alert("success: " + status);
        },
        failure: function(msg) {
            alert("fail: " + msg);
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            debugger;
        }
    });
    //$.delay(1000); <-- Explained a little further down
    //return false;
}

请注意，success、failure 和 error 函数永远不会被调用。

以下是LandingPageWebService类的定义（部分数据库代码已被删除）：

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.Web.Script.Services.ScriptService]
public class LandingPageWebService  : System.Web.Services.WebService {

    [WebMethod(EnableSession=true)]
    public bool PerformPainPointDataSubmit(string coords)
    {
    string hotSpotCoords = string.Empty;

    string[] coordsSplit = coords.Split(new char[] { ';' }, StringSplitOptions.RemoveEmptyEntries);

    // parse the string and make sure we only have 
    // values and nothing else. 
    foreach (string spl in coordsSplit)
    {
        string[] indCoords = spl.Split(new char[] { ',' }, StringSplitOptions.RemoveEmptyEntries);

        if (indCoords.Length != 3)
        {
            return false;
        }
        int x = 0;
        int y = 0;

        try
        {
            x = int.Parse(indCoords[0]);
            y = int.Parse(indCoords[1]);

        }
        catch (FormatException formEx)
        {
            return false;
        }

        hotSpotCoords += x + "," + y + ";";
    }
    // snipped out Database saving code                
    return true; 

}

jQuery 函数在按钮内的 OnClientClick 中调用：

<asp:Button ID="btnSave" Text="Save" runat="server" OnClientClick="PerformPainPointDataSubmit();CloseWin()" CssClass="STD_Button" ValidationGroup="vgEditClinicalSummary" CausesValidation="true" />

页面本身位于一个模式对话框中，单击“保存”按钮时该对话框关闭。无论我调用多少次，在 Chrome 和 Firefox 中调用 Web 服务都没有任何问题。然而，使用 IE 就变成了废话。

通常，但并非一直如此，它会在页面第一次加载时被调用。我认为存在缓存问题，但 cache:false 已经设置好了。我尝试在网址中添加DateTime，但我不断收到错误（老实说，我认为我的格式不正确，建议？）。我尝试了不同的datatype 字符串，当然JSON.stringify() 可以工作，但就像我说的，它只能工作一次。

我注意到，当我在 jQuery 函数中中断时，如果我等待一两秒，IE 实际上会调用 Web 服务并成功执行。每次都会这样做。我认为模式窗口的关闭速度比服务器处理请求的速度更快，而不是进行 Web 服务调用。我在 jQuery 代码中添加了$.delay(1000)，希望它能起作用，但不幸的是它没有。

现在我束手无策，完全不知道如何进行。一切似乎都合乎逻辑，但显然有些不对劲。

如果任何人都可以提供帮助，我将不胜感激。

Answer 1

这听起来与此处描述的问题相似： Ajax request with JQuery on page unload

调用需要同步以保证在窗口关闭之前完成。