jQuery ajax調(diào)用后臺(tái)aspx后臺(tái)文件的兩種常見(jiàn)方法(不是ashx)
在asp.net webForm開(kāi)發(fā)中,用Jquery ajax調(diào)用aspx頁(yè)面的方法常用的有兩種:下面我來(lái)簡(jiǎn)單介紹一下。
(1)通過(guò)aspx.cs的靜態(tài)方法+WebMethod進(jìn)行處理
簡(jiǎn)單的介紹下WebMethod方法的用法
1.修飾符主要用public static修飾
2.方法前面加上[WebMethod]屬性表明這是WebMethod方法
3.前臺(tái)html頁(yè)面(Client端)訪問(wèn)時(shí)要使用post方法,和后臺(tái).cs文件進(jìn)行數(shù)據(jù)交互,否則會(huì)返回整個(gè)html頁(yè)面。
4.當(dāng)后臺(tái)頁(yè)面返回?cái)?shù)據(jù)后,前臺(tái)html頁(yè)面需要用data.d接收返回的json字符串。
5.訪問(wèn)url:http://abc.com/abc.aspx/ajax方法
aspx.cs代碼:
using System.Web.Services;
[WebMethod]
public static string SayHello()
{
return "Hello Ajax!";
}
前臺(tái)jquery代碼:
$(function() {
$("#btn").click(function() {
$.ajax({
type: "post", //要用post方式
url: "Demo.aspx/SayHello",//方法所在頁(yè)面和方法名
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
alert(data.d);//返回的數(shù)據(jù)用data.d獲取內(nèi)容
},
error: function(err) {
alert(err);
}
});
});
});
html代碼:
<form id="form1" runat="server"> <div> <asp:Button ID="btn" runat="server" Text="驗(yàn)證用戶" /> </div> </form>
(2)通過(guò)一般處理程序ashx進(jìn)行處理;
Jquery代碼:
$.ajax({
type: "POST",
url: "S_CBFBM.ashx",
data: { ZBM: p_zdm },
beforeSend: function() {
//$("#div_load").visible = "true;
},
success: function(msg) {
//$("#div_load").visible = false;
$("#ds").html("<p>" + msg + "</p>");
$("#CBFBM").val(msg);
}
});
ashx.cs代碼:
<%@ WebHandler Language="C#" Class="AjaxHandler" %>
using System;
using System.Web;
public class AjaxHandler : IHttpHandler {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
if (context.Request["name"].ToString() == "admin" &&
context.Request["pass"].ToString() == "admin")
{
context.Response.Write("Y");
}
else
{
context.Response.Write("N");
}
}
public bool IsReusable {
get {
return false;
}
}
}
以上所述是小編給大家介紹的jQuery ajax調(diào)用后臺(tái)aspx后臺(tái)文件的兩種常見(jiàn)方法(不是ashx),希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- jquery中ajax調(diào)用json數(shù)據(jù)的使用說(shuō)明
- JQuery與Ajax調(diào)用新浪API獲取短網(wǎng)址的代碼
- jQuery Ajax調(diào)用WCF服務(wù)詳細(xì)教程
- Jquery + Ajax調(diào)用webService實(shí)例代碼(asp.net)
- jQuery ajax調(diào)用webservice注意事項(xiàng)
- jQuery ajax+PHP實(shí)現(xiàn)的級(jí)聯(lián)下拉列表框功能示例
- JQuery打造PHP的AJAX表單提交實(shí)例
- php+ajax+jquery實(shí)現(xiàn)點(diǎn)擊加載更多內(nèi)容
- jquery與php結(jié)合實(shí)現(xiàn)AJAX長(zhǎng)輪詢(LongPoll)
- jQuery實(shí)現(xiàn)簡(jiǎn)單的Ajax調(diào)用功能示例
相關(guān)文章
jQuery UI Datepicker length為空或不是對(duì)象錯(cuò)誤的解決方法
jQuery UI Datepicker length為空或不是對(duì)象錯(cuò)誤的解決方法,需要的朋友可以參考下。2010-12-12
基于LayUI分頁(yè)和LayUI laypage分頁(yè)的使用示例
本篇文章主要介紹了基于LayUI分頁(yè)和LayUI laypage分頁(yè)的使用示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
JQuery Dialog(JS 模態(tài)窗口,可拖拽的DIV)
JQuery Dialog(JS模態(tài)窗口,可拖拽的DIV) 效果實(shí)現(xiàn)代碼2010-02-02
基于jQuery實(shí)現(xiàn)多層次的手風(fēng)琴效果附源碼
今天我們要與大家分享一個(gè)漂亮而靈活的垂直 jQuery 手風(fēng)琴效果。其主要思想是擴(kuò)大手風(fēng)琴片上的點(diǎn)擊和顯示更多的信息。感興趣的朋友可以參考下本文2015-09-09
3種不同的ContextMenu右鍵菜單實(shí)現(xiàn)代碼
本文給大家分享3種不同的ContextMenu右鍵菜單實(shí)現(xiàn)代碼的相關(guān)資料,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11
jQuery使用正則驗(yàn)證15/18身份證的方法示例
這篇文章主要介紹了jQuery使用正則驗(yàn)證15/18身份證的方法,涉及jQuery基于正則進(jìn)行數(shù)字字符串驗(yàn)證相關(guān)操作技巧,需要的朋友可以參考下2017-04-04

