jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)


Posted in Javascript onJune 28, 2016

在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下。

(1)通过aspx.cs的静态方法+WebMethod进行处理

简单的介绍下WebMethod方法的用法

1.修饰符主要用public static修饰

2.方法前面加上[WebMethod]属性表明这是WebMethod方法

3.前台html页面(Client端)访问时要使用post方法,和后台.cs文件进行数据交互,否则会返回整个html页面。

4.当后台页面返回数据后,前台html页面需要用data.d接收返回的json字符串。

5.访问url:http://abc.com/abc.aspx/ajax方法

aspx.cs代码:

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

前台jquery代码:

$(function() { 
$("#btn").click(function() { 
$.ajax({ 
type: "post", //要用post方式 
url: "Demo.aspx/SayHello",//方法所在页面和方法名
contentType: "application/json; charset=utf-8", 
dataType: "json", 
success: function(data) { 
alert(data.d);//返回的数据用data.d获取内容
},
error: function(err) { 
alert(err); 
} 
});
}); 
});

html代码:

<form id="form1" runat="server">
<div>
<asp:Button ID="btn" runat="server" Text="验证用户" />
</div>
</form>

(2)通过一般处理程序ashx进行处理;

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调用后台aspx后台文件的两种常见方法(不是ashx),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js技巧--转义符&quot;\&quot;的妙用
Jan 09 Javascript
JS是否可以跨文件同时控制多个iframe页面的应用技巧
Dec 16 Javascript
javascript 写类方式之七
Jul 05 Javascript
jQuery setTimeout()函数使用方法
Apr 07 Javascript
js实现倒计时时钟的示例代码
Dec 17 Javascript
深入理解javascript的执行顺序
Apr 04 Javascript
JavaScript DOM基础
Apr 13 Javascript
javascript同步服务器时间和同步倒计时小技巧
Sep 24 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
Nov 09 Javascript
基于Node.js的大文件分片上传示例
Jun 19 Javascript
JS中的算法与数据结构之字典(Dictionary)实例详解
Aug 20 Javascript
Vue实现base64编码图片间的切换功能
Dec 04 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
Jun 28 #Javascript
jqGrid用法汇总(全经典)
Jun 28 #Javascript
JavaScript实现时间倒计时跳转(推荐)
Jun 28 #Javascript
jQuery中text() val()和html()的区别实例详解
Jun 28 #Javascript
浅谈js的url解析函数封装
Jun 28 #Javascript
JavaScript中点击事件的写法
Jun 28 #Javascript
js改变style样式和css样式的简单实例
Jun 28 #Javascript
You might like
php中对2个数组相加的函数
2011/06/24 PHP
匹配csdn用户数据库与官方用户的重合度并将重叠部分的用户筛选出来
2011/12/25 PHP
php缩放图片(根据宽高的等比例缩放)实例介绍
2013/06/09 PHP
php的array数组和使用实例简明教程(容易理解)
2014/03/20 PHP
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
PHP 传输会话curl函数的实例详解
2017/09/12 PHP
50个优秀经典PHP算法大集合 附源码
2020/08/26 PHP
不用ajax实现点击文字即可编辑的方法
2007/12/16 Javascript
JQuery Ajax通过Handler访问外部XML数据的代码
2010/06/01 Javascript
不同编码的页面表单数据乱码问题解决方法
2015/02/15 Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
2015/06/10 Javascript
Vue.js快速入门实例教程
2016/10/15 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
2017/06/20 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
2017/07/21 Javascript
vue组件的写法汇总
2018/04/12 Javascript
微信小程序实现发红包功能
2018/07/11 Javascript
微信小程序实现人脸识别登陆的示例代码
2019/04/02 Javascript
基于vuex实现购物车功能
2021/01/10 Vue.js
[36:05]完美世界DOTA2联赛循环赛 Forest vs DM 第一场 11.06
2020/11/06 DOTA
Python中map和列表推导效率比较实例分析
2015/06/17 Python
在Python的Django框架中创建和使用模版
2015/07/15 Python
简单掌握Python的Collections模块中counter结构的用法
2016/07/07 Python
python脚本实现数据导出excel格式的简单方法(推荐)
2016/12/30 Python
Python实现字典去除重复的方法示例
2017/07/31 Python
Django基于ORM操作数据库的方法详解
2018/03/27 Python
Python实现Selenium自动化Page模式
2019/07/14 Python
Jupyter notebook如何实现指定浏览器打开
2020/05/13 Python
通过案例解析python鸭子类型相关原理
2020/10/10 Python
Python 使用office365邮箱的示例
2020/10/29 Python
护理自荐信范文
2013/10/05 职场文书
单位消防安全制度
2014/01/12 职场文书
作风年建设汇报材料
2014/08/14 职场文书
学雷锋标兵事迹材料
2014/08/18 职场文书
钳工实训报告总结
2014/11/04 职场文书
婚宴邀请函
2015/01/30 职场文书
分布式Redis Cluster集群搭建与Redis基本用法
2022/02/24 Redis