快捷導(dǎo)航

jQuery調(diào)用Webservice傳遞json數(shù)組的方法

更新時(shí)間：2016年08月06日 17:12:56 作者：RascallySnake

這篇文章主要介紹了jQuery調(diào)用Webservice傳遞json數(shù)組的方法,實(shí)例分析了jQuery基于ajax與Webservice傳遞json數(shù)據(jù)的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery調(diào)用Webservice傳遞json數(shù)組的方法。分享給大家供大家參考，具體如下：

Jquery由于提供的$.ajax強(qiáng)大方法，使得其調(diào)用webservice實(shí)現(xiàn)異步變得簡單起來，可以在頁面上傳遞Json字符串到Webservice中，Webservice方法進(jìn)行業(yè)務(wù)處理后，返回Json對象給頁面，讓頁面去展現(xiàn)。

這一切都非常的簡單，今天要學(xué)習(xí)的并非這些。我們在實(shí)際處理業(yè)務(wù)過程中，會發(fā)現(xiàn)往往頁面要傳遞給webservice 的并非一個(gè)或多個(gè)字符串，有時(shí)候需要傳遞的是一個(gè)組合數(shù)據(jù)，如這樣的一組數(shù)據(jù)：

復(fù)制代碼代碼如下:

{'Employee': [{'name':'John','sex':'man','age':'25'},{'name':'Tom','sex':'man','age':'21'}]}

客戶端將這樣的Json字符串作為$.ajax方法的data參數(shù)是沒有問題的，然而，服務(wù)端的webservice該如何去寫接收參數(shù)卻成為了一個(gè)問題。在百度、谷歌了一番后，只發(fā)現(xiàn)提問的卻沒有回答的。索性還是自己去研究吧，發(fā)現(xiàn)其實(shí)Employee對象首先是一個(gè)數(shù)組，其次數(shù)組的每一項(xiàng)都是一個(gè)Dictionary<string,string>字典類型。于是我嘗試在服務(wù)端使用Dictionary<string,string>[] Employee來接收客戶端傳遞的參數(shù)，一切如我所料，成功!

客戶端代碼如下：

//JQuery 調(diào)用webService導(dǎo)入數(shù)據(jù)
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);
      }
    });
}

服務(wù)端代碼如下：

/// <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 "沒有任何數(shù)據(jù)!";
  }
  else
  {
    try
    {
      foreach (Dictionary<string, string> stu in students)
      {
        //構(gòu)造一個(gè)新的Student對象。
        Student student = new Student();
        //為新構(gòu)造的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 "導(dǎo)入學(xué)生成功!";
    }
    catch
    {
      throw new Exception("導(dǎo)入學(xué)生失敗!");
    }
  }
}

需要注意的是，服務(wù)端參數(shù)名需要和客戶端Json數(shù)組的key值相同，如上代碼中，參數(shù)名都為students。

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jquery中Ajax用法總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》

希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: