Ajax調用asp.net后臺代碼

2019-11-14 16:42:42

字體：大中小

來源：轉載

供稿：網友

后臺代碼：

 1 [WebMethod] 2         public static string CreateDate(string name,string age) 3         { 4             return "姓名："+name +"年齡："+ age; 5         } 6  7         [WebMethod] 8         public static string CreateInfo() 9         {10             return "調用成功";11         }12 13         [WebMethod]14         public static List<string> CreateString(string num)15         {16             List<string> list = new List<string>();17             for (int i = 0; i < Convert.ToInt32(num); i++)18             {19                 list.Add(i+",");20             }21             return list;22         }

前臺代碼：

 1 </div> 2         <input type="button" id="btn" value="點擊調用后臺無參方法" /> 3         <input type="button" id="btn1" value="點擊調用后臺有參方法" /> 4         <input type="button" id="btn2" value="點擊調用后臺返回集合的方法" /> 5     </form> 6  7     <script> 8  9         $(function () {10             $("#btn").click(function () {11                 $.Ajax({12                     type:"Post",13                     url: "index1.aspx/CreateInfo",14                     contentType: "application/json; charset=utf-8",15                     dataType: "json",16                     data: "",17                     success: function (data) {18                         alert(data.d);19                     },20                     error:function(err){21                         alert("調用失敗")22                     }23                 });24             });25 26             $(function () {27                 $("#btn1").click(function () {28                     $.ajax({29                         type: "Post",30                         url: "index1.aspx/CreateDate",31                         contentType: "application/json; charset=utf-8",32                         dataType: "json",33                         data: "{'name':'符越涵','age':'25'}",34                         success: function (good) { alert(good.d) },35                         error: function (err) { alert("調用錯誤") }36                     });37                 });38             });39 40             $("#btn2").click(function () {41                 $.ajax({42                     type: "Post",43                     url: "index1.aspx/CreateString",44                     contentType: "application/json; charset=utf-8",45                     dataType: "json",46                     data:"{'num':'50'}",47                     success: function (data) {48                         $(data.d).each(function () {49                             alert(this)50                         });51                     },52                     error: function (err) {alert("調用錯誤") }53                 });54             });55         });56     </script>