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

你甚至為每個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";}



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

前端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)
        {         }

用Google調試的結果：

三、 複雜參數複雜回傳值的呼叫前端JS程式碼：

複製程式碼


程式碼如下:


$("#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的呼叫
前端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,媽媽再也不用擔心我的學習了，其實很多東西都很簡單，但沒人告訴我們，而我們自己在實際開發中又沒有這種需求，所以給我們的開發造成了一定的障礙，
所以，交流啊，是多麼滴重要！