Question

我一直在尝试像狄更斯那样通过IE使用$ .ajax方法从jQuery调用一个Web服务，但它似乎没有用。我查看了Stackoverflow以及大量的谷歌搜索，但人们提出的解决方案都没有为我工作。

以下是设置方式......

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函数从Button中的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

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

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

1 个答案: