国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JQuery調(diào)用WebServices的方法和4個實(shí)例

2019-11-20 20:44:01
字體:
供稿:網(wǎng)友

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

大致的調(diào)用分為以下幾種:

一、無參數(shù) 有返回值的調(diào)用

前端JS代碼:

復(fù)制代碼 代碼如下:

$("#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("調(diào)用出錯" + error.responseText);
                    }
                });
            });

后端WebMethod代碼:

復(fù)制代碼 代碼如下:

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


用谷歌調(diào)試的結(jié)果:



二、簡單參數(shù) 簡單返回值的調(diào)用

前端JS代碼:

復(fù)制代碼 代碼如下:

$("#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("調(diào)用出錯" + error.responseText);
                    }
                });
            });


后端WebMethod代碼:

復(fù)制代碼 代碼如下:

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


用谷歌調(diào)試的結(jié)果:


三、 復(fù)雜參數(shù) 復(fù)雜返回值的調(diào)用
前端JS代碼:
復(fù)制代碼 代碼如下:

$("#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("調(diào)用出錯" + error.responseText);
                    }
                });
            });

后端WebMethod:

復(fù)制代碼 代碼如下:

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

用谷歌調(diào)試的結(jié)果:


四、返回匿名對象的WebMethod的調(diào)用

前端JS代碼:

復(fù)制代碼 代碼如下:

$("#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("調(diào)用出錯" + error.responseText);
                    }
                });
            });


后端WebMethod代碼:

復(fù)制代碼 代碼如下:

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


用谷歌調(diào)試的結(jié)果:



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

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 鄄城县| 岳阳市| 阿克苏市| 祁东县| 子长县| 西宁市| 岑溪市| 新干县| 买车| 方山县| 萍乡市| 洪江市| 黎平县| 绥德县| 旬邑县| 龙胜| 浦北县| 闻喜县| 隆安县| 呼伦贝尔市| 炉霍县| 肥西县| 永寿县| 大石桥市| 策勒县| 宜黄县| 防城港市| 工布江达县| 五台县| 肥乡县| 虎林市| 南宫市| 仲巴县| 望城县| 建瓯市| 永靖县| 黄骅市| 许昌县| 和田县| 个旧市| 广宁县|