你所在位置:首页html+css → 使用AJAX返回WebService里的集合 .

使用AJAX返回WebService里的集合 .

发布时间:2019-06-12
-------------------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> 

 


上一篇:HTML+CSS+JS 开发 Firefox OS 应用编程实战
下一篇:destoon系统商城加淘宝客按钮方法