无法获取jQuery Ajax来解析JSON webservice结果

Question

我已验证来自C＃Webmethod的JSON响应，所以我不认为这是问题所在。

我试图解析结果使用简单的jQuery $ .ajax，但无论出于何种原因，我无法得到该方法正确地触发和解析结果，也偶然似乎无法得到函数来触发结果。他们对可以返回的JSON对象的大小有任何限制。

我也从一个“的Site.Master”页面中删除了此代码，因为它总是会刷新时，我打了简单的按钮。标签是否正确地使用jQuery元素，比如我从DOM抓取的按钮输入？

function ajax() { 
//var myData = { qtype: "ProductName", query: "xbox" }; 
var myData = { "request": { qtype: "ProductName", query: "xbox"} }; 
$.ajax({ 
    type: "POST", 
    url: "/webservice/WebService.asmx/updateProductsList", 
    data: {InputData:$.toJSON(myData)}, 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function (msg) { 
     // var msg = {__type: "Testportal.outputData", id: "li1234", message: "it's work!", myInt:101} 
     alert("message=" + msg.d.ProductName + ", id=" + msg.d.Brand); 
    }, 
    error: function (res, status) { 
     if (status === "error") { 
      // errorMessage can be an object with 3 string properties: ExceptionType, Message and StackTrace 
      var errorMessage = $.parseJSON(res.responseText); 
      alert(errorMessage.Message); 
     } 
    } 
}); 

}

和页面：

<asp:Button ID="Button1" runat="server" OnClientClick="ajax();" Text="Button" /> 

而且Serverside集团WEBMETHOD：

public class WebService : System.Web.Services.WebService 
{ 
    [WebMethod] 
    [ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)] 
    public OutputData updateProductsList(InputData request) 
    { 
     OutputData result = new OutputData(); 
     var db = new App_Data.eCostDataContext(); 
     var q = from c in db.eCosts 
       select c; 

     if (!string.IsNullOrEmpty(request.qtype) && !string.IsNullOrEmpty(request.query)) 
     { 
      q = q.Like(request.qtype, request.query); 
     } 

     //q = q.Skip((page - 1) * rp).Take(rp); 
     result.products = q.ToList(); 

     searchObject search = new searchObject(); 

     foreach (App_Data.eCost product in result.products) 
     { 
      /* create new item list */ 
      searchResult elements = new searchResult() 
      { 
       id = product.ProductID, 
       elements = GetPropertyList(product) 
      }; 
      search.items.Add(elements); 
     } 
     return result; 

    } 

和辅助类：

public class OutputData 
{ 
    public string id { get; set; } 
    public List<App_Data.eCost> products { get; set; } 

} 
public class InputData 
{ 
    public string qtype { get; set; } 
    public string query { get; set; } 
} 

Answer 1

的一个问题是，你没有做任何事情来阻止提交表单，并在同一时间执行完全回发/重装你开始你的$。阿贾克斯（）回调的按钮。

我建议布线这件事悄悄地而不是使用OnClientClick属性，像这样：

$(document).ready(function() { 
    // May need to use $('<%= Button1.ClientID %>') if your Button is 
    // inside a naming container, such as a master page. 
    $('#Button1').click(function(evt) { 
    // This stops the form submission. 
    evt.preventDefault(); 

    $.ajax({ 
     // Your $.ajax() code here. 
    }); 
    }); 
}); 

我也奥列格同意，你应该使用json2.js为您的JSON字符串化和解析。在较新的浏览器中，这将回退到浏览器的这些方法的本地实现，这会更快并且使分析更安全。

更新：

为了回答您的有关数据，不，这看起来不正确的问题。

要最终发送到服务器这是什么（没有格式化）：

{"request":{"gtype":"ProductName","query":"xbox"}} 

为了实现这个目标，你想是这样的：

var req = { request : { qtype: "ProductName", query: "xbox" }}; 

$.ajax({ 
    data: JSON.stringify(req), 
    // Remaining $.ajax() parameters 
}); 

记住request， qtype和query必须与您的服务器端结构匹配，并区分大小写。

您也可以在定义请求对象（我喜欢，就个人而言，让事情变得清晰可读）更详细：

var req = { }; 

req.request = { }; 

req.request.qtype = "ProductName"; 
req.request.query = "xbox"; 

我写了一个多一点关于这个在这里，如果你'重新感兴趣：http://encosia.com/2009/04/07/using-complex-types-to-make-calling-services-less-complex/

Answer 2

你的服务器端代码方法是什么样的？设置一个中断点。它被击中了吗？

它应该是这个样子：

[WebMethod, ScriptMethod] 
public string updateProductsList(string qtype, string query) 
{ // stuff 
} 

而且，你的JavaScript数据PARAMS看起来不正确格式化。

Answer 3

在我看来，你的问题是你尝试使用手动JSON序列化。有更直接的方法。您应该声明[ScriptMethod (ResponseFormat = ResponseFormat.Json)]或[ScriptMethod (UseHttpGet = true, ResponseFormat = ResponseFormat.Json)]，并直接返回对象而不是web方法中的字符串。在客户端（在JavaScript）我严格推荐您使用JSON.stringify（从中可以从http://www.json.org/js.html下载json2.js）为jQuery.ajax的data参数的构建。

看看Can I return JSON from an .asmx Web Service if the ContentType is not JSON?和How do I build a JSON object to send to an AJAX WebService?也可能在JQuery ajax call to httpget webmethod (c#) not working你有更多的实验兴趣。你可能有