国产探花免费观看_亚洲丰满少妇自慰呻吟_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后臺的簡單方法全部內容了,希望大家多多支持武林網~

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 攀枝花市| 汉源县| 乐安县| 沁阳市| 南开区| 潍坊市| 平武县| 镇坪县| 滦平县| 和平县| 广德县| 湟源县| 武山县| 柳河县| 遵化市| 舟曲县| 余干县| 永靖县| 上饶市| 开平市| 甘泉县| 保亭| 平阴县| 毕节市| 阜城县| 古交市| 石林| 湖州市| 浮山县| 绥芬河市| 潼关县| 五指山市| 莲花县| 西宁市| 潍坊市| 县级市| 横山县| 兴文县| 教育| 大宁县| 巴马|