0

我像这样对 ashx 处理程序进行 Json 调用：

    attributes = $("#pageHtmlTag").attr("class").trim();
urlToHandler = 'JSonTestHandler.ashx';
jsonData = '{' + attributes + '}';

$.ajax({
    url: urlToHandler,
    data: jsonData,
    dataType: 'json',
    type: 'POST',
    contentType: 'application/json',
    success: function (data) {
        setAutocompleteData(data.responseDateTime);
        $("body").add("<div>" + data.toString() + " </div>").appendTo(document.body);
        alert("grate suceees");
    },
    error: function (data, status, jqXHR) {
        alert('There was an error.' + jqXHR);
    }
}); // end $.ajax

我收到并处理它。我还想发回一些要显示的 HTML，但我不知道如何将 html 发送回 Jscript。

灰烬：

    string jsonData = new StreamReader(context.Request.InputStream, System.Text.Encoding.UTF8).ReadToEnd();

.............................

        var testResultReportString = testResultReport.GetReportHtml();

        var serializer = new JavaScriptSerializer();
        var jSonTestResultReport = serializer.Serialize(testResultReportString);

        context.Response.Write(jSonTestResultReport);

所以问题是。如何将数据返回到 Ajax 调用成功函数？

4

3 回答 3

0

您可以将数据作为 JSON 对象返回：

var outputObject = "{ html = '" + jSonTestResultReport  + "' + someOtherData = ... + "}";
context.Response.Write(outputObject);

并像这样在成功函数中访问它们：

data.html and data.someOtherData
于 2012-09-26T09:40:04.903 回答
0

您无法返回 AJAX 调用返回的数据，因为您的数据在调用后无法立即使用，$.ajax因为它是异步的。您可以返回的是 AJAX 调用返回的数据的承诺。Promise 是函数的一个很好的抽象：我不能返回数据，因为我还没有数据，我不想阻塞并让你等待，所以这里是一个 Promise，你可以以后使用它，或者只是把它交给其他人并完成它（回调、承诺和协程（哦，我的！）：JavaScript 中的异步编程模式）。例如，而不是：

$.ajax({
     url: urlToHandler,
     data: jsonData,
     dataType: 'json',
     type: 'POST',
     contentType: 'application/json',
     success: function (data) {
         setAutocompleteData(data.responseDateTime);
         $("body").add("<div>" + data.toString() + " </div>").appendTo(document.body);
         alert("great success");
     },
     error: function (data, status, jqXHR) {
         alert('There was an error.' + jqXHR);
     }
 }); // end $.ajax

您可以$.ajax(...)通过编写 Ajax 函数来返回调用的返回值，例如：

function testResultReportAjax() {
    return $.ajax({
        url: urlToHandler,
        data: jsonData,
        dataType: 'json',
        type: 'POST',
        contentType: 'application/json',
        error: function (data, status, jqXHR) {
            alert('There was an error.' + jqXHR);
        }
    });
}

你通过以下方式得到你的承诺

var promise = testResultReportAjax();

然后您可以将其用作函数调用中的参数并使用 AJAX 调用返回的数据：

promise.success(function (data) {
   alert(data);
});

您可以在这里查看一个简单的 DEMO。如果需要，请参阅此答案以获得更好的解释。

于 2012-09-26T10:02:25.730 回答
0

在我这样使用的应用程序中，它在下面我显示所有带有国家/地区ID的状态数据，并且该数据像这样绑定到状态下拉列表..

StateData objStateData = new StateData();
            LMGDAL.db_LMGEntities dbData = new db_LMGEntities();               
            var data = (from con in dbData.tblStates
                        where con.State_CountryID == ID
                        select new StateData
                        {
                            StateID = con.StateID,
                            StateName = con.StateName
                        }).ToList();
            return data.ToArray();

并在该 .ashx 文件中创建一个新类

[Serializable]
    public class StateData
    {
        public int StateID { get; set; }
        public string StateName { get; set; }
    }

并以我的形式

$("#ddlCountry").change(function () {
            var countryID = $("#ddlCountry").val();
            $.ajax({
                type: "POST",
                url: "JsonData.asmx/GetStateByCountryID",
                contentType: "application/json; charset=utf-8",
                dataType: 'json',
                data: '{ID:"' + countryID + '"}',
                success: function (msg) {
                    var data = msg.d;
                    var stateData = "";
                    $.each(data, function (index, itemdata) {
                        stateData += "<option  value='" + itemdata.StateID + "' > " + itemdata.StateName + " </option>";
                    });
                    $("#ddlState").empty();
                    $("#ddlState").append("<option value='0'>-Select State-</option>");

                    $("#ddlState").append(stateData);
                },
                error: function () {
                    alert('Faild To Retrieve States.');
                }
            });
        });

我想这会对你有所帮助......

于 2012-09-26T09:49:11.950 回答