Question

您好;

当我从jQuery ajax使用时，页面会冻结直到请求结束。这是我的JavaScript代码：

function GetAboutContent(ID, from) {
var About = null;

if (from != true)
    from = false;

$.ajax({
    type: "POST",
    url: "./ContentLoader.asmx/GetAboutContent",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    data: JSON.stringify({ 'ID': ID, 'from': from }),
    async: true,
    success: function (msg) {
        var Result = msg.d.Result;

        if (Result == 'session') {
            warning('Your session has expired, please login again!');
            setTimeout(function () {
                window.location.href = "Login.aspx";
            }, 4000);
            return;
        }

        if (Result == 'failed' || Result == false) {
            About = false;
            return;
        }

        About = JSON.parse(msg.d.About)[0];
    }
});

return About;

}

这是我的WebService

[WebMethod(EnableSession = true)]
public object GetAboutContent(int ID, bool from = false)
{
    try
    {
        if (HttpContext.Current.Session["MahdParent"] != null ||
            HttpContext.Current.Session["MahdTeacher"] != null ||
            from)
        {
            functions = new GlobalFunctions();
            DataTable queryResult = new DataTable();

            queryResult = functions.DoReaderTextCommand("SELECT Field FROM TT WHERE  ID = " + ID);
            if (queryResult.Rows.Count != 0)
                return new { Result = true, About = JsonConvert.SerializeObject(queryResult.Rows[0].Table) };
            else
                return new { Result = false };
        }
        else
            return new { Result = "session" };
    }
    catch (Exception ex)
    {
        return new { Result = "failed", Message = ex.Message };
    }
}

我该如何解决这个问题？ 请帮帮我

Answer 1

在最后一行中，您尝试返回About。由于AJAX请求的异步性质，这无法工作。当您的AJAX请求的成功函数运行时，您声明return About的位置不再存在。

我假设你尝试做这样的事情：

$('div#content').html(GetAboutContent());

在像PHP或Perl这样的程序性语言中，这种方法很好，但JavaScript的功能却截然不同。要做出像这样的工作，你可以这样做：

$.ajax({
    type: "post",
    url: "./ContentLoader.asmx/GetAboutContent",
    dataType: "json",
    data: { 
      'ID': ID, 
      'from': from 
    },
    success: function(result) {
        $('div#content').html(result)
    }
});

两位代码之间的区别在于，第一位代码希望JavaScript在您请求时知道值。但是，您的功能GetAboutContent()无法即时访问这些数据。相反，它会触发一个AJAX请求，并在此之后结束，请求仍然在进行一段未知的时间。

请求成功完成后，数据可供JavaScript使用。并且您可以在为success定义的回调函数中使用它。到那时，请求与启动它的函数完全没有关联。这就是它异步的原因。

jQuery $ .ajax（）调用挂起，直到调用结束我才能做什么

1 个答案: