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

2013-05-21 16:53:09 作者：

如何使用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> 

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

您可能感兴趣的文章: