教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 Jquery调用Webservice传递Json数组

Jquery调用Webservice传递Json数组

发布时间:2015-11-28   编辑:jiaochengji.com
Jquery由于提供的$.ajax强大方法,使得其调用webservice实现异步变得简单起来,可以在页面上传递Json字符串到Webservice中,Webservice方法进行业务处理后,返回Json对象给页面,让页面去展现。

在实际处理业务过程中,会发现往往页面要传递给webservice 的并非一个或多个字符串,有时需要传递的是一个组合数据,如这样的一组数据:
 

复制代码 代码示例:
{'Employee': [{'name':'John','sex':'man','age':'25'},{'name':'Tom','sex':'man','age':'21'}]}

客户端将这样的Json字符串作为$.ajax方法的data参数是没有问题的,然而,服务端的webservice该如何去写接收参数却成为了一个问题。

其实Employee对象首先是一个数组,其次数组的每一项都是一个Dictionary<string,string>字典类型。

于是,尝试在服务端使用Dictionary<string,string>[] Employee来接收客户端传递的参数,结果竟然成功了。

一,客户端代码
 

复制代码 代码示例:
//jquery 调用webService导入数据
function LoadData() {
  var studentData = CollectionData();
  $.ajax({
url: "ImportDataService.asmx/ImportStu",
type: "post",
contentType: "application/json;charset=utf-8",
dataType: "json",
data: "{'students':[{'name':'KoBe ','sex':'boy','age':'20'},{'name':'Mary','sex':'girl','age':'19'}]}",
success: function(result) {
    alert(result.d);
},
error: function(e) {
    alert(e.responseText);
}
      });
  }

二,服务端代码
 

复制代码 代码示例:

/// <summary>
///
/// </summary>
/// <param name="students"></param>
/// <returns></returns>
 [WebMethod]
 [ScriptMethod(ResponseFormat=ResponseFormat.Json)]
  public string ImportStu(Dictionary<string,string> []students)
{
  if (students.Length == 0)
  {
      return "没有任何数据!";
  }
  else
  {
try
{
foreach (Dictionary<string, string> stu in students)
{
    //构造一个新的Student对象。
    Student student = new Student();

    //为新构造的Student对象属性赋值。
    foreach (string key in stu.Keys)
    {
        switch (key)
        {
  case "name":
      student.Name = stu[key];
      break;
  case "sex":
      student.Sex = stu[key];
      break;
  case "age":
      int age;
      if (Int32.TryParse(stu[key], out age))
      {
student.Age = age;
      }
      else
      {
student.Age = 0;
      }
      break;
  default:
      break;
        }
    }
}
return "导入学生成功!";
      }
      catch
      {
throw new Exception("导入学生失败!");
      }
  }
}
 

注意事项:
服务端参数名需要和客户端Json数组的key值相同,如上代码中,参数名都为students。

您可能感兴趣的文章:
Jquery调用Webservice传递Json数组
jQuery调用WebService的实现代码
Jquery + Ajax调用webService实例代码(asp.net)
jQuery中调用WebService方法小结
jquery自动将form表单封装成json的具体实现
基于JQuery的访问WebService的代码(可访问Java[Xfire])
jQuery dialog 异步调用ashx,webservice数据的代码
jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
c# WebService实例分享
asp.net WebService jquery访问实例

关键词: json  webservice  异步调用   
[关闭]
~ ~