从JavaScript中发送数据到WebService.docVIP

JavaScript发送数据到WebService 上一篇谈到从WebService获取数据到JavaScript，在js端可用DOM方式和jQuery对象方式来处理结果。 该篇我们来谈谈从JavaScript发送数据到WebService，重点强调两个方面 1. 如何传递数据到WebService中 2. 在WebService中如何接受数据，不同的接受形式如何处理 从客户端传递数据到服务器，无外乎两种情况： 其一，传递一个一个但个数据，比如：一个字符串，一个整数，或多个字符串变量 其二，发送对象型数据，即在服务器端接受数据后需要构建一个或多个实体对象的情况 以下用两个JavaScript函数分别来说明显示方式 传递单个数据，js函数如下： //传递一个字符串，可扩展到任何多个字符串 $(#sendString).click(function () { $.post(WebServices/MyWebService.asmx/GetString, { str: 你好，大家好！ }, function (r) { alert($(r).text()); }); }); WebService的GetString方法如下： [WebMethod] public bool GetString(string str) { //做个简单的运算,说明str接收到了数据 return str.Length 5; } 2. 传递对象型数据。在js不能构建C#的对象，要表示对象，在js中必须用JSON字符串，所以要传递对象或对象数组到服务器，只要传递JSON格式的字符串就可以了，如下面的方法，传递了两个User(针对服务器端而言)对象的数据到服务器端。 $(#sendJson).click(function () { $.ajax({ type: post, url: WebServices/MyWebService.asmx/InputJsonObjects, data: {users: [{ Id: S001, Name: 阿牛, Age: 20 }, { Id: S002, Name: 阿朱, Age: 18}] }, dataType: json,//必须是json，且不能缺少 contentType: application/json,//必须的 success: function (result) { alert(result.d); }, error: function (e) { alert(e.responseText); } }); }); WebService的InputJsonObjects方法如下： /// summary /// 获得从客户端传来的Json格式的User对象信息 /// 用数组直接接收 /// /summary /// param name=users/param /// returns/returns [WebMethod] public string InputJsonObjects(User[] users) { string name=null; if (users!=null users.Length0) { name = users[0].Name;//获得第一个对象的name属性值 } return name;//向客户端一个name，证明服务器接收到数据了，没别意思，呵呵。。。。 } 注意点： 1. 在向服务器传递数据时，js端的参数名称必须和服务器端方法的形成一致，否则将报错，如本例中的str和users。 2. 传递JSON个数的数据必须设置提交的contentType和dataType，否则将报错。 3. 在传递JSON字符串的过程中服务器会自动将字符串解析，正确的将对象存入user对象数组，前提是JSON表示的属性必须和服务器端User类的属性一致，否则将报错。 以上接收JSON对象数据的服务器方法还可以用“Dictionarystring,string[] user”参数的方法代替，如下的方法： /// summary /// 可用key/value的集合来代替对象数组 /// /sum