jQuery.ajax调用Web服务的问题

Question

我正在使用客户端脚本在ASP.NET中开发注册表。 因此，我使用jQuery.ajax方法通过ASP.NET Web服务将所有字段的数据发布到服务器。 但是，当我执行Jquery.ajax方法时，它将调用错误函数。 我试图在Firefox中使用Firebug对其进行调试。 它显示错误500 Internal Server Error。 现在，我假设要将数据插入WebService中，我需要使用POST方法，并且类似地，我需要在Web Service中的Server Side上有一个可以使用POST方法调用的函数。 我提供了一些代码片段来说明我所做的事情。

我的客户脚本：

//My Client Side Function
function registerUser()
{
    var User = {
      FirstName:$get("txtFirstName").value,
      LastName:$get("txtLastName").value
      .
      .
      //and so on....This way I creat my json object to POST on server
      };

      //jQuery to POST Data
      jQuery.ajax({
        type:"POST",
        url:"Service/UserRegistration.asmx/InsertUser",
        data:User,
        success:notifyUser,
        error:setErrorField
      });

}

//Function for Success Complition
function notifyUser(msg)
{
       alert("Registration Successfull");
}

服务器上的我的Web服务：

//My C# Web Service Logic
[WebMethod]
public void InsertUser(User use)
{
      FreeUser us = new FreeUser();
      us.FirstName = use.FirstName;
      .
      .
      //and so on
}

现在，我想的是POST方法需要WebInvoke类作为属性。 如何制作可被JavaScript调用的方法？ 我可能需要为此使用WebInvoke 。

Answer 1

如果服务器端有ASP.NET AJAX（ASP.NET 2.0 + ASP.NET AJAX扩展v1.0或ASP.NET 3.5+），我发现最简单的方法是使用JSON在客户端和服务器端之间。 您只需要向您的服务添加[ScriptService]属性，然后使用以下形式调用该服务：

$.ajax({
  type: "POST",
  contentType: "application/json; charset=utf-8",
  url: "WebService.asmx/WebMethodName",
  data: "{}",
  dataType: "json"
});

有关更多信息，请参见此处的完整文章： http : //encosia.com/2008/03/27/using-jquery-to-consume-aspnet-json-web-services/

为了像在该示例代码中一样提供JavaScript对象，还需要使用JSON.Stringify生成适当的JSON字符串以传递到服务器端 。

Answer 2

如果要提交JSON对象，请在$.ajax添加以下选项：

contentType: "application/json; charset=utf-8",