JQuery呼叫asp.net的後臺方法
利用JQuery的$.ajax()可以很方便的呼叫asp.net的後臺方法。
[WebMethod] 名稱空間
1、無引數的方法呼叫, 注意:1.方法一定要靜態方法,而且要有[WebMethod]的宣告
後臺:
using System.Web.Script.Services;
[WebMethod]
public static string SayHello()
{
return "Hello Ajax!";
}
前臺:
$(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、帶引數的方法呼叫
後臺:
using System.Web.Script.Services;
[WebMethod]
public static string GetStr(string str, string str2)
{
return str + str2;
}
前臺:
$(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、返回陣列方法的呼叫
後臺:
using System.Web.Script.Services;
[WebMethod]
public static List GetArray()
{
List li = new List();
for (int i = 0; i < 10; i++)
li.Add(i + "");
return li;
}
前臺:
$(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("" + this + " ");
});
alert(data.d);
},
error: function(err) {
alert(err);
}
});
//禁用按鈕的提交
return false;
});
});
///
$(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("" + this + " ");
});
alert(data.d);
},
error: function(err) {
alert(err);
}
});
//禁用按鈕的提交
return false;
});
});
[WebMethod] 名稱空間
1、無引數的方法呼叫, 注意:1.方法一定要靜態方法,而且要有[WebMethod]的宣告
後臺
using System.Web.Script.Services;
[WebMethod]
public static string SayHello()
{
return "Hello Ajax!";
}
前臺
$(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、帶引數的方法呼叫
後臺
using System.Web.Script.Services;
[WebMethod]
public static string GetStr(string str, string str2)
{
return str + str2;
}
前臺
$(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、返回陣列方法的呼叫
後臺
using System.Web.Script.Services;
[WebMethod]
public static List
{
List
for (int i = 0; i < 10; i++)
li.Add(i + "");
return li;
}
前臺
$(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("
});
alert(data.d);
},
error: function(err) {
alert(err);
}
});
//禁用按鈕的提交
return false;
});
});
///
$(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("
});
alert(data.d);
},
error: function(err) {
alert(err);
}
});
//禁用按鈕的提交
return false;
});
});
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/25897606/viewspace-756791/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- Asp.Net前臺呼叫後臺變數ASP.NET變數
- 由ASP.NET所謂前臺呼叫後臺、後臺呼叫前臺想到HTTP——理論篇ASP.NETHTTP
- 由ASP.NET所謂前臺呼叫後臺、後臺呼叫前臺想到HTTP——實踐篇(一)ASP.NETHTTP
- 由ASP.NET所謂前臺呼叫後臺、後臺呼叫前臺想到HTTP——實踐篇(二)ASP.NETHTTP
- ASP.NET前臺使用__doPostBack函式呼叫後臺事件ASP.NET函式事件
- C#後臺呼叫前臺javascript的五種方法C#JavaScript
- js呼叫後臺程式碼的幾種方法JS
- .NET後臺呼叫JS前臺JS
- HTML直接呼叫REST後臺HTMLREST
- ASP.NET MVC+JQuery+漂亮後臺UI+快速開發框架形成之旅ASP.NETMVCjQueryUI框架
- asp.net防止重新整理重新提交觸發後臺事件的方法ASP.NET事件
- 兩種方法使vue實現jQuery呼叫VuejQuery
- vs2008 ASP.NET Web應用程式介面呼叫後臺函式ASP.NETWeb函式
- ASP.NET Core CMS管理後臺ASP.NET
- jQuery的鏈式呼叫jQuery
- 微信tocken後臺後臺儲存方法
- Ajax使用jQuery與後臺互動jQuery
- ASP.NET 網站後臺任務ASP.NET網站
- ASP.NET MVC4中呼叫WEB API的四個方法ASP.NETMVCWebAPI
- jquery 封裝的ajax呼叫jQuery封裝
- jQuery鏈式呼叫thisjQuery
- SpringMVC後臺接受前臺傳值的方法SpringMVC
- Asp.net 後臺新增CSS、JS、Meta標籤ASP.NETCSSJS
- asp.net 應用程式中同步方法呼叫非同步方法無響應解決方法ASP.NET非同步
- 當我呼叫了$().append()後,jQuery內部發生了什麼?APPjQuery
- springmvc 後臺獲取cookie的方法SpringMVCCookie
- 最新破解Wordpress後臺密碼的方法密碼
- 前臺防止表單重複提交的方法。Jquery、jsjQueryJS
- asp.net 呼叫 excel 元件ASP.NETExcel元件
- jquery原始碼;是怎麼實現直接呼叫$()函式原型上的方法的?jQuery原始碼函式原型
- jQuery|前後臺xml互動就靠它了jQueryXML
- Facebook小遊戲後臺配置方法遊戲
- [提問交流]前臺jquery呼叫放到body後面,是不是外掛中的js我應該用block scrip包起來呢?jQueryJSBloC
- 【dinghao】在Asp.net中呼叫非同步方法--使用訊號量ASP.NET非同步
- 後臺自己定義的配置引數,在模型裡怎麼呼叫?模型
- scp 手動輸入密碼後後臺執行的方法密碼
- Jquery序列化表單引數上傳後臺jQuery
- ASP.NET AJAX中的非同步PageMethod呼叫ASP.NET非同步