首页 > 程序开发 > web前端 > HTML/CSS >

使用AJAX返回WebService里的集合 .

2013-07-01

-------------------WebService1 ----------------------------- // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 [System.Web.Script.Services.ScriptService] ...

-------------------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 () {
            $(&#39;#Button1&#39;).click(function () {
                $.ajax({
                    type: "post",
                    contentType: "application/json",
                    url: "WebService1.asmx/GetList",
                    data: "{}",
                    success: function (result) {
                        var str = &#39;&#39;;
                        for (var i = 0; i < result.d.length; i++) {
                            str += result.d[i];
                        }
                        $(&#39;#mydiv&#39;).text(str);
                    }
                })
            })
        })
    </script>
</head>
<body>
<div id="mydiv"></div>
    <input id="Button1" type="button" value="button" />
</body>
</html> 

相关文章
最新文章
热点推荐