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

首頁 > 編程 > JavaScript > 正文

利用JQuery直接調用asp.net后臺的簡單方法

2019-11-20 08:39:12
字體:
來源:轉載
供稿:網友

利用JQuery的$.ajax()可以很方便的調用asp.net的后臺方法。

[WebMethod]   命名空間

1、無參數的方法調用, 注意:1.方法一定要靜態方法,而且要有[WebMethod]的聲明

后臺<C#>:

using System.Web.Script.Services;  [WebMethod] public static string SayHello() {    return "Hello Ajax!"; }

前臺<jQuery>:

$(function() {    $("#btnOK").click(function() {      $.ajax({       //要用post方式       type:"Post",       //方法所在頁面和方法名       url:"data.aspx/SayHello",       contentType:"application/json; charset=utf-8",       dataType:"json",       success:function(data) {          //返回的數據用data.d獲取內容         alert(data.d);       },       error:function(err) {          alert(err);       }     });      //禁用按鈕的提交     return false;   }); });

2、帶參數的方法調用

后臺<C#>:

using System.Web.Script.Services; [WebMethod]public static string GetStr(string str,string str2){  return str + str2;}

前臺<JQuery>:

$(function() {    $("#btnOK").click(function() {      $.ajax({       type:"Post",       url:"data.aspx/GetStr",       //方法傳參的寫法一定要對,str為形參的名字,str2為第二個形參的名字       data:"{'str':'我是','str2':'XXX'}",       contentType:"application/json; charset=utf-8",       dataType:"json",       success:function(data) {          //返回的數據用data.d獲取內容          alert(data.d);       },       error:function(err) {          alert(err);       }     });      //禁用按鈕的提交     return false;   }); });

3、返回數組方法的調用

后臺<C#>:

using System.Web.Script.Services; [WebMethod]public static List<string> GetArray(){  List<string> li = new List<string>();   for (int i = 0; i < 10; i++)    li.Add(i + "");   return li;}

前臺<JQuery>:

$(function() {    $("#btnOK").click(function() {      $.ajax({       type:"Post",       url:"data.aspx/GetArray",       contentType:"application/json; charset=utf-8",       dataType:"json",       success:function(data) {          //插入前先清空ul         $("#list").html("");          //遞歸獲取數據         $(data.d).each(function() {            //插入結果到li里面           $("#list").append("<li>" +this +"</li>");         });          alert(data.d);       },       error:function(err) {          alert(err);       }     });      //禁用按鈕的提交     return false;   }); });/// <reference path="jquery-1.4.2-vsdoc.js"/>$(function() {  $("#btnOK").click(function() {    $.ajax({      type:"Post",      url:"data.aspx/GetArray",      contentType:"application/json; charset=utf-8",      dataType:"json",      success:function(data) {        //插入前先清空ul        $("#list").html("");         //遞歸獲取數據        $(data.d).each(function() {          //插入結果到li里面          $("#list").append("<li>" +this +"</li>");        });         alert(data.d);      },      error:function(err) {        alert(err);      }    });     //禁用按鈕的提交    return false;  });});

4、返回Hashtable方法的調用

后臺<C#>:

using System.Web.Script.Services;using System.Collections; [WebMethod]public static Hashtable GetHash(string key,string value){  Hashtable hs = new Hashtable();   hs.Add("www","yahooooooo");  hs.Add(key, value);     return hs;}

前臺<JQuery>:

$(function() {    $("#btnOK").click(function() {      $.ajax({       type:"Post",       url:"data.aspx/GetHash",       //記得加雙引號 T_T        data:"{ 'key': 'haha', 'value': '哈哈!' }",       contentType:"application/json; charset=utf-8",       dataType:"json",       success:function(data) {          alert("key: haha ==> "+data.d["haha"]+"/n key: www ==> "+data.d["www"]);       },       error:function(err) {          alert(err + "err");       }     });      //禁用按鈕的提交     return false;   }); });

5、操作xml

XMLtest.xml: view plaincopy to clipboardprint?<?xml version="1.0" encoding="utf-8" ?> <data><item>  <id>1</id>  <name>qwe</name></item><item>  <id>2</id>  <name>asd</name></item></data><?xml version="1.0" encoding="utf-8" ?><data><item>  <id>1</id>  <name>qwe</name></item><item>  <id>2</id>  <name>asd</name></item></data>

前臺<JQuery>:

$(function() {    $("#btnOK").click(function() {      $.ajax({       url:"XMLtest.xml",       dataType:'xml',//返回的類型為XML ,和前面的Json,不一樣了        success:function(xml) {          //清空list         $("#list").html("");         //查找xml元素        $(xml).find("data>item").each(function() {            $("#list").append("<li>id:" + $(this).find("id").text() +"</li>");           $("#list").append("<li>Name:"+ $(this).find("name").text() + "</li>");         })       },       error:function(result, status) { //如果沒有上面的捕獲出錯會執行這里的回調函數         alert(status);       }     });      //禁用按鈕的提交     return false;   }); });

以上就是小編為大家帶來的利用JQuery直接調用asp.net后臺的簡單方法全部內容了,希望大家多多支持武林網~

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 连南| 湘西| 临漳县| 温州市| 临澧县| 平果县| 长垣县| 会宁县| 昌黎县| 瓦房店市| 临湘市| 凤冈县| 泰来县| 鹤岗市| 徐水县| 岚皋县| 屯留县| 博客| 射洪县| 常宁市| 邯郸市| 稷山县| 调兵山市| 西青区| 洪湖市| 天柱县| 南城县| 靖西县| 兴义市| 无棣县| 福清市| 兴化市| 浦江县| 昌图县| 五峰| 治县。| 肃宁县| 包头市| 峡江县| 舞阳县| 资溪县|