网站地图    收藏   

主页 > 前端 > css教程 >

使用AJAX返回WebService里的集合 . - html/css语言栏目

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] -------------------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="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> 

 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论