使用AJAX返回WebService裏的集合

-------------------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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章