OGeek|极客世界-中国程序员成长平台 › 门户 ›编程› AJAX› AJAX编程经验 › 查看内容

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

2022-2-5 16:59| 发布者: 菜鸟教程小白| 查看: 223| 评论: 0|原作者: [db:作者]|来自: [db:来源]

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