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 相关文章推荐
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
Aug 05 Javascript
遍历jquery对象的代码分享
Nov 02 Javascript
使用jquery中height()方法获取各种高度大全
Apr 02 Javascript
Javascript监视变量变化的方法
Jun 09 Javascript
jQuery Validate验证框架经典大全
Sep 23 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
web前端vue之CSS过渡效果示例
Jan 10 Javascript
详解html-webpack-plugin用法全解
Jan 22 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
May 07 Javascript
Vue条件循环判断+计算属性+绑定样式v-bind的实例
Sep 18 Javascript
JavaScript基础之this和箭头函数详析
Sep 05 Javascript
ES2020 已定稿,真实场景案例分析
May 25 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会话(Session)实现用户登陆功能
2013/06/29 PHP
2014最热门的24个php类库汇总
2014/12/18 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
PHP实现的简单组词算法示例
2018/04/10 PHP
php/JS实现的生成随机密码(验证码)功能示例
2019/06/06 PHP
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
2013/04/02 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
2014/10/14 Javascript
node.js中的fs.chown方法使用说明
2014/12/16 Javascript
JS获取iframe中longdesc属性的方法
2015/04/01 Javascript
原生js实现自由拖拽弹窗代码demo
2016/06/29 Javascript
Node.js开启Https的实践详解
2016/10/25 Javascript
JavaScript中字符串的常用操作方法及特殊字符
2018/03/18 Javascript
vue-router中scrollBehavior的巧妙用法
2018/07/09 Javascript
详解mpvue scroll-view自动回弹bug解决方案
2018/10/01 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
2019/04/22 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
在博客园博文中添加自定义右键菜单的方法详解
2020/02/05 Javascript
从Python的源码浅要剖析Python的内存管理
2015/04/16 Python
收藏整理的一些Python常用方法和技巧
2015/05/18 Python
利用Python中unittest实现简单的单元测试实例详解
2017/01/09 Python
Python 备份程序代码实现
2017/03/06 Python
Python入门之后再看点什么好?
2018/03/05 Python
我用Python抓取了7000 多本电子书案例详解
2019/03/25 Python
python常用库之NumPy和sklearn入门
2019/07/11 Python
基于django传递数据到后端的例子
2019/08/16 Python
python计算Content-MD5并获取文件的Content-MD5值方式
2020/04/03 Python
Python如何使用正则表达式爬取京东商品信息
2020/06/01 Python
如何使用python socket模块实现简单的文件下载
2020/09/04 Python
Python用Jira库来操作Jira
2020/12/28 Python
美国在线轮胎零售商:SimpleTire
2019/04/08 全球购物
加拿大领先的时尚和体育零售商:Sporting Life
2019/12/15 全球购物
eDreams德国:南欧领先的在线旅游公司
2020/12/07 全球购物
办公室主任主任岗位责任制
2014/02/11 职场文书
售后求职信范文
2014/03/15 职场文书
史上最牛的辞职信
2015/02/28 职场文书
会计实训总结范文
2015/08/03 职场文书