使用AJAX返回WebService里的集合

前端之家收集整理的这篇文章主要介绍了使用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> 原文链接:https://www.f2er.com/ajax/166362.html

猜你在找的Ajax相关文章