使用AJAX返回WebService里的集合具体实现

复制代码 代码如下:

  -------------------WebService1 -----------------------------

  // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。

  [System.Web.Script.Services.ScriptService]

  public class WebService1 : System.Web.Services.WebService

  {

  [WebMethod]

  public List<string> GetList()

  {

  List<string> list = new List<string>();

  list.Add("王一");

  list.Add("22");

  list.Add("河北");

  return list;

  }

  }

  --------------------HTMLPage1.htm-----------------------

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <title></title>

  <script src="js/Jquery1.7.js" type="text/javascript"></script>

  <script type="text/javascript">

  $(function () {

  $('#Button1').click(function () {

  $.ajax({

  type: "post",

  contentType: "application/json",

  url: "WebService1.asmx/GetList",

  data: "{}",

  success: function (result) {

  var str = '';

  for (var i = 0; i < result.d.length; i++) {

  str += result.d[i];

  }

  $('#mydiv').text(str);

  }

  })

  })

  })

  </script>

  </head>

  <body>

  <div id="mydiv"></div>

  <input id="Button1" type="button" value="button" />

  </body>

  </html>