麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

JQuery調用WebServices的方法和4個實例

2019-11-20 20:44:01
字體:
來源:轉載
供稿:網友

你甚至為每個ajax請求添加一個后端頁面!
你是不是甚至在想,尼瑪,要是能夠直接調用C#類文件中的方法就爽了?!(這里FishLi做了一個框架,有興趣可以去看看)
可是,你大概忘記了,我們是程序員,我們是懶惰的,我們要讓電腦給我們干更多的事情!(這里裝裝13),但其實,微軟和JQuery大牛們早幫我們解決了這個小問題。

大致的調用分為以下幾種:

一、無參數 有返回值的調用

前端JS代碼:

復制代碼 代碼如下:

$("#btn1").click(function() {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "CalledByJquery.asmx/HelloWorld",
                    data: "{}",
                    dataType: "json",
                    success: function(json) { alert(json.d); },
                    error: function(error) {
                        alert("調用出錯" + error.responseText);
                    }
                });
            });

后端WebMethod代碼:

復制代碼 代碼如下:

[WebMethod]
public string HelloWorld()
{
      return "Hello World";
}


用谷歌調試的結果:



二、簡單參數 簡單返回值的調用

前端JS代碼:

復制代碼 代碼如下:

$("#btn2").click(function() {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "CalledByJquery.asmx/SimpleReturns",
                    data: "{name:'張三'}",
                    dataType: "json",
                    success: function(json) { alert(json.d); },
                    error: function(error) {
                        alert("調用出錯" + error.responseText);
                    }
                });
            });


后端WebMethod代碼:

復制代碼 代碼如下:

[WebMethod]
        public string SimpleReturns(string name)
        {
            return String.Format("您的姓名是{0}", name);
        }


用谷歌調試的結果:


三、 復雜參數 復雜返回值的調用
前端JS代碼:
復制代碼 代碼如下:

$("#btn3").click(function() {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "CalledByJquery.asmx/GetStudentList",
                    data: "{stu:{ID:'6',Name:'ff'}}",
                    dataType: "json",
                    success: function(json) { alert(json.d); },
                    error: function(error) {
                        alert("調用出錯" + error.responseText);
                    }
                });
            });

后端WebMethod:

復制代碼 代碼如下:

[WebMethod]
        public List<Student> GetStudentList(Student stu)
        {
            List<Student> studentList = new List<Student>
            {
                new Student{ID=1,Name="張三"},
                new Student{ID=2,Name="李四"}
            };
            //把從客戶端傳來的實體放回到返回值中
            studentList.Add(stu);
            return studentList;
        }

用谷歌調試的結果:


四、返回匿名對象的WebMethod的調用

前端JS代碼:

復制代碼 代碼如下:

$("#btn4").click(function() {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "CalledByJquery.asmx/ReturnNoNameClass",
                    data: "{}",
                    dataType: "json",
                    success: function(json) { alert(json.d); },
                    error: function(error) {
                        alert("調用出錯" + error.responseText);
                    }
                });
            });


后端WebMethod代碼:

復制代碼 代碼如下:

[WebMethod]
        public object ReturnNoNameClass()
        {
            return new { ID = 1, Name = "張三" };
        }


用谷歌調試的結果:



哈哈,到這里,你是不是也覺得so easy,媽媽再也不用擔心我的學習了,其實很多東西都很簡單,但沒人告訴我們,而我們自己在實際開發中又沒有這種需求,所以給我們的開發造成了一定的障礙,
所以,交流啊,是多么滴重要!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: h视频在线免费看 | 免费在线观看成人网 | 亚洲成人福利在线观看 | 日韩黄网站 | 黄色特级视频 | 最新se94se在线欧美 | 欧美成人精品欧美一级 | 最近国产中文字幕 | 黄色大片免费网站 | 得得啪在线视频 | 精品亚洲一区二区 | 久久久久久久久国产 | 成人一级毛片 | 亚洲午夜久久久精品一区二区三区 | 操网| 国产精品美女久久久久久不卡 | 国产精品啪一品二区三区粉嫩 | 欧美乱淫| 久久国产精品二区 | av电影在线网| 欧美激情综合网 | 古装三级在线观看 | 91综合在线观看 | 久久久久久久久久久综合 | 久久久久久久久成人 | 欧美综合在线观看视频 | 成人毛片视频在线观看 | 免费黄色小网站 | 青青草成人影视 | 国产资源在线观看视频 | 精品国产一区二区三区久久久狼牙 | 永久免费黄色大片 | 日韩黄a | 国产亚洲精品久久久久5区 男人天堂免费 | 正在播放91视频 | 午夜九九九 | 一级大片在线观看 | 一级做a在线观看 | 欧美日韩高清一区 | 亚洲精品免费播放 | 最新中文字幕日本 |