您现在的位置：首页 >> 前端 >> 内容

使用AJAX返回WebService里的集合 .

时间：2013/7/1 11:16:20 点击：

　　核心提示：-------------------WebService1 ----------------------------- // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请...

-------------------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="https://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];
                        }
                        $('#myp').text(str);
                    }
                })
            })
        })
    </script>
</head>
<body>
<p id="myp"></p>
    <input id="Button1" type="button" value="button" />
</body>
</html>