html页面
<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>
Webservice页面
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
namespace WebAjax
{
??? /// <summary>
??? /// WebService1 的摘要说明
??? /// </summary>
??? [WebService(Namespace = "http://tempuri.org/")]
??? [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
??? [System.ComponentModel.ToolboxItem(false)]
??? // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
??? [System.Web.Script.Services.ScriptService]
??? public class WebService1 : System.Web.Services.WebService
??? {
??????? [WebMethod]
??????? public string HelloWorld()
??????? {
??????????? return "Hello World";
??????? }
???????
??????? public List<string> GetList()
??????? {
??????????? List<string> list = new List<string>();
??????????? list.Add("张三");
??????????? list.Add("20");
??????????? list.Add("河北");
??????????? return list;
??????? } ??? } }