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

前端技术 2023/09/09 AJAX
复制代码 代码如下:

-------------------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.stayed.cn/item/25828

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案