经常会用JavaScript访问asp.net的Webservice的需求，通常的方法是用asp.net ajax来解决，但asp.net ajax框架在不国内并不经常被使用。
在我们的应用中一般会是这样的，使用了jquery作为客户端框架，ajax请求也通常返回html或者json。html这里就不讨论了。返回json一般都是搞一个handler.ashx来处理请求，拼凑字符串来返回json。从而放弃了ws，因为ws返回的是xml，使用起来不方便。
所以我觉着比较完美的解决方法是让ws返回json而且不用asp.net ajax的客户端框是比较理想的解决方法。
通过观测发现asp.net ajax的客户端框架请求webservice的时候返回的是json，为什么webservice没有返回xml而返回了json呢？抓包分析到，关键在request的headers中 “Content-Type: application/json;utf-8” ，因此webservice就使用了json的序列化，应该是 “System.Web.Script.Serialization.JavaScriptSerializer”这个类完成的工作，通过 web.config的配置，把*.asmx交给了System.Web.Extensions.Dll。也就是这里还是用了asp.net ajax，不过是用的服务端部分，我这里直接用的asp.net 3.5
以上都是在啰嗦，具体的方法很简单，看例子
Code
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;
namespace test2
{
/// <summary>
/// Summary description for WS1
/// </summary>
[WebService(Namespace = "http://onewww.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[ToolboxItem(false)]
[System.Web.Script.Services.ScriptService]
public class WS1 : System.Web.Services.WebService
{
[WebMethod]
public string HelloWorld()
{
return "Hello World";
}
[WebMethod]
public TestUser CreateUser(string name,int age)
{
return new TestUser { Name = name, Age = age };
}
}
public class TestUser
{
public string Name { get; set; }
public int Age { get; set; }
}
}
Code
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3<html xmlns="http://www.w3.org/1999/xhtml" >
4<head runat="server">
5 <title>Untitled Page</title>
6 <script src="jquery-1.2.2.js" type="text/javascript"></script>
7</head>
8<body>
9
10 <input type="button" onclick="requestHelloWorld();" value="请求HelloWorld" />
11 <input type="button" onclick="requestCreateUser();" value="请求CreateUser" />
12 <script type="text/javascript">
13
14
15
function requestHelloWorld(){
16 WebService('ws1.asmx/HelloWorld',function(obj){alert(obj);});
17
}
18
19 function requestCreateUser(){
20 WebService('ws1.asmx/CreateUser',function(obj){alert(obj.Name);},'{name:"林子",age:25}');
21 }
22
23
24 function WebService(url,callback,pars){
25 $.ajax({
26 data:pars,
27 url: url,
28 type: "POST",
29 contentType: "application/json;utf-8",
30 dataType:'json',
31 cache: false,
32 success: function(json){
33 callback(json.d);
34 },
35 error:function(xml,status){
36 if(status=='error'){
37 try{
38 var json = eval('(' + xml.responseText + ')');
39 alert(json.Message+'\n'+json.StackTrace);
40 }catch(e){}
41 }else{
42 alert(status);
43 }
44 },
45 beforeSend:function(xml){
46 if(!pars) xml.setRequestHeader("Content-Type", "application/json;utf-8")
47 }
48 });
49 }
50
</script>
51</body>
52</html>
