无法从jQuery中使用ASP.NET Web Service

时间:2009-12-24 20:02:32

标签: asp.net jquery web-services json

这是一个有趣的问题:

我有一些看起来像这样的jQuery:

    $(document).ready(function() {
    $.ajax({
       type: "POST",
       url: "http://localhost:63056/Service1.asmx/PrintOrderRecieptXml",
       data: {"CouponCode":"TESTCODE","Subtotal":14.2600,"ShippingTotal":7.5000,"TaxTotal":0.0000,"GrandTotal":21.7600,"OrderItemCollection":[{"Total":14.2600,"Qty":250}]},
       dataType: "json",
       contentType: "application/json",
       error: function(xhr, msg) { alert(xhr.statusText); }
    });});

现在,我遇到的问题是它正在发送请求,但是Web服务没有正确处理它。在IE中,我收到一个带有“内部服务器错误”的警告框,并且在FireFox中我收到一个没有任何内容的警告框。

奇怪的是,当我使用IE时,我的事件日志中没有出现错误事件,但是使用firefox我得到了(用于弄清楚为什么会这样做的奖励积分):

“异常消息:对于意外以”/ PrintOrderRecieptXml“结尾的URL无法识别请求格式

我戳了一下,发现有时你必须添加:

<webServices>
  <protocols>
    <add name="HttpGet"/>
    <add name="HttpPost" />
    <add name="HttpPostLocalhost"/>

  </protocols>
</webServices>

到你的Web.Config,我做了但没有帮助。有趣的是,Web服务可以正常使用SOAP或发送查询字符串,但不适用于JSON。

有什么想法吗?

3 个答案:

答案 0 :(得分:8)

您需要将您的输入作为JSON字符串提供给data属性,而不是作为对象:

$(document).ready(function() {
  $.ajax({
    type: "POST",
    url: "http://localhost:63056/Service1.asmx/PrintOrderRecieptXml",
    data: '{"CouponCode":"TESTCODE","Subtotal":14.2600,"ShippingTotal":7.5000,"TaxTotal":0.0000,"GrandTotal":21.7600,"OrderItemCollection":[{"Total":14.2600,"Qty":250}]}',
    dataType: "json",
    contentType: "application/json",
    error: function(xhr, msg) { alert(xhr.statusText); }
});});
与ASP.Net Web Services交谈时,

Using jQuery to Consume ASP.NET JSON Web Services对要求有很好的解释。

答案 1 :(得分:3)

Douglas是正确的 - 您需要将数据格式化为字符串。请务必阅读他链接到您的博客上的所有帖子。 Encosia是Ajax和Asp.Net的绝佳资源。

答案 2 :(得分:1)

asp.net webservices不会正常返回json。看看这里: JSON WebService in ASP.NET