二、简单参数 简单返回值的调用

前端JS代码:

首頁 > web前端 > js教程 > JQuery呼叫WebServices的方法和4個實例_jquery

JQuery呼叫WebServices的方法和4個實例_jquery

WBOY
發布: 2016-05-16 16:49:48
原創
1177 人瀏覽過

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

大致的呼叫分為以下幾種:

一、無參數有回傳值的呼叫

前端JS程式碼:



複製程式碼


程式碼如下:


$("#btn1").click(function() {                    contentType: "application/json; charset=utf-8",                    data: "{}",                    success: function(json) { alert(json.d); unction(error) {
                        alert("呼叫錯誤" error.responseText);
                    }
              🎜>
後端WebMethod程式碼:



複製程式碼 程式碼如下:
程式碼如下:




[🎜>
[ WebMethod]
public string HelloWorld()
{
      return "Hello World";JQuery呼叫WebServices的方法和4個實例_jquery}



二、簡單參數簡單回傳值的呼叫

前端JS程式碼:













複製碼
程式碼如下:$("#btn2").click(function() {                  type: "POST",                    contentType: "application/json; charset=utf-8",                    data: "{name:'張三'}",                     dataType: "json",       🎜>                    error: function(error) {      });                    }           >

後端WebMethod程式碼:

複製程式碼 程式碼如下:


程式碼如下:


程式碼如下:

[WebMethod]
        public string SimpleReturns(string name)
        {JQuery呼叫WebServices的方法和4個實例_jquery         }

用Google調試的結果:


複製程式碼


程式碼如下:


$("#btn   ajax({
                    type: "POST",
      
                   :{ID:'6',Name:'ff'}}",
                    dataType: "json",                   而言: function(error) {
                        alert("呼叫錯誤" error.
                });           ,);



後端WebMethod:

複製程式碼
代碼如下:        public List GetStudentList(Student stu)
        {
            {
                new Student{ID=1,Name="張三"},
               放回回傳值
            studentList. Add(stu);
            return studentList;
        }

谷歌調試的結果:


四、回傳匿名物件的WebMethod的呼叫JQuery呼叫WebServices的方法和4個實例_jquery
前端JS程式碼:



複製程式碼 程式碼如下:

$("#btn4").click(function() {
                ",
                    contentType: "application/json; charset=utf -8",
                    url: "CalledByJquery.asmx/ReturnNoNameClass",                    dataType: "json",
      d); },
                    error: function(error) {
   or.responseText);
                    }
        🎜>

後端WebMethod代碼:




複製代碼
代碼如下: [WebMethod]        public object ReturnNoNameClass()
        {
          {
        }


用Google調試的結果:



哈哈,到這裡,你是不是也覺得so easy,媽媽再也不用擔心我的學習了,其實很多東西都很簡單,但沒人告訴我們,而我們自己在實際開發中又沒有這種需求,所以給我們的開發造成了一定的障礙,
所以,交流啊,是多麼滴重要! JQuery呼叫WebServices的方法和4個實例_jquery
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板