发送JSON到webmethod？

Question

如何发送一个JSON对象来使用jQuery一个WebMethod？

Answer 1

请参考this文章戴夫·沃德。这是一个完成这个东西的教程。你也会发现其他很棒的jQuery/ASP.net的东西。

编辑： - 戴维调用方法不带任何参数，可以更换空数据财产与实际数据要发送：

$.ajax({ 
    type: "POST", 
    url: "Default.aspx/GetDate", 
    data: "{'name':'tiger1','hobbies':['reading','music']}",//PUT DATA HERE 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 

Answer 2

您将需要使用Ajax将它张贴并接受webmethod上的传入字符串。然后，您需要使用JavaScript解串器将其转换为服务器端的对象。

Answer 3

的WebMethods期待一个包含字符串JSON，将在服务器端进行解析，我用的是JSON.stringify功能对象转换参数字符串，并发送数据，我有这样的功能：

jQuery.executePageMethod = function(location, methodName, methodArguments, 
            onSuccess, onFail) { 
    this.ajax({ 
     type: "POST", 
     url: location + "/" + methodName, 
     data: JSON.stringify(methodArguments), // convert the arguments to string 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function(data, status) { 
      var jsonData = JSON.parse(data.d); 
      onSuccess(jsonData, status); 
     }, 
     fail: onFail 
    }); 
}; 

，我建议你，包括你的页面json2.js解析器，有JSON.stringify功能的跨浏览器。

Answer 4

我见过用the open-source JSON2.js库来解析和“字符串化”复杂对象的数据简化这个最方便的解决方案。

这两个优秀的文章细讲：

• Using complex types to make calling services less… complex由Dave沃德。

• JavaScript Arrays via JQuery Ajax to an Asp.Net WebMethod由Chris Brandsma。

第二篇文章可能对你特别重要，尽管它调用Web服务方法用下面的签名......

public void SendValues(List<string> list) 

...它演示了如何使用JSON2.js库在javascript中呈现List<string>（使用jQuery，此示例直接从第二篇文章中获取）：

var list = ["a", "b", "c", "d"]; 
var jsonText = JSON.stringify({ list: list }); 

// The 'list' is posted like this 

$.ajax({ 
    type: "POST", 
    url: "WebService1.asmx/SendValues", 
    data: jsonText, 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function() { alert("it worked"); }, 
    failure: function() { alert("Uh oh"); } 
}); 

只需使用您的webmethod URL来代替Web服务。

Answer 5

你可以使用另一个库是jquery-json library。一旦包括：

var json = $.toJSON(your_object); 

Answer 6

JSON。字符串化确实有帮助，但：

1. 它不是跨浏览器 到这里看看： http://www.sitepoint.com/blogs/2009/08/19/javascript-json-serialization/#

2. 对于浏览器的内置功能 - 每个浏览器都会有它的问题。如果你使用上面的序列化你将需要：

   • 删除换行符用正则表达式中的字符串
   • 照顾约“字符串

Answer 7

示例代码是在这里：

var dataString = JSON.stringify({ 
          contractName: contractName, 
          contractNumber: contractNumber 
         }); 

         $.ajax({ 
          type: "POST", 
          url: "CreateQuote.aspx/GetCallHistory", 
          data: dataString, 
          contentType: "application/json; charset=utf-8", 
          dataType: "json", 
          success: function (result) { 
           alert(result.CallHistoryDescription); 
            OpenLightBox('divDelete'); 

          } 
         }); 


     [System.Web.Services.WebMethod] 
     public static object GetCallHistory(string contractName, string contractNumber) 
     { 
      return new 
      { 
       CallHistoryDescription = "Nalan" 
      }; 

     }