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 相关文章推荐
Ext grid 添加右击菜单
Nov 26 Javascript
jquery实现带单选按钮的表格行选中时高亮显示
Aug 01 Javascript
表单元素与非表单元素刷新区别详细解析
Nov 06 Javascript
thinkphp 表名 大小写 窍门
Feb 01 Javascript
bootstrap下拉列表与输入框组结合的样式调整
Oct 08 Javascript
详解Node.js实现301、302重定向服务
Apr 07 Javascript
jquery easyui如何实现格式化列
Jul 30 jQuery
在 Typescript 中使用可被复用的 Vue Mixin功能
Apr 17 Javascript
vue实现点击隐藏与显示实例分享
Feb 13 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
May 14 Javascript
微信小程序地图绘制线段并且测量(实例代码)
Jan 02 Javascript
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
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生成QRcode实例
2014/09/22 PHP
php修改上传图片尺寸的方法
2015/04/14 PHP
Js中获取frames中的元素示例代码
2013/07/30 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
2013/11/21 Javascript
javascript中apply和call方法的作用及区别说明
2014/02/14 Javascript
jQuery实现的AJAX简单弹出层效果代码
2015/11/26 Javascript
JavaScript常用数组算法小结
2016/02/13 Javascript
如何实现json数据可视化详解
2016/11/24 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
2016/12/08 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
2016/12/14 Javascript
vue2滚动条加载更多数据实现代码
2017/01/10 Javascript
漂亮实用的页面loading(加载)封装代码
2017/02/03 Javascript
JAVA中截取字符串substring用法详解
2017/04/14 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
2018/03/14 Javascript
详解Js里的for…in和for…of的用法
2019/03/28 Javascript
vue-router路由模式详解(小结)
2019/08/26 Javascript
vue利用全局导航守卫作登录后跳转到未登录前指定页面的实例代码
2020/05/19 Javascript
[59:59]EG vs IG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
详解Python中的type()方法的使用
2015/05/21 Python
Python多进程multiprocessing.Pool类详解
2018/04/27 Python
pandas.loc 选取指定列进行操作的实例
2018/05/18 Python
python实现超级马里奥
2020/03/18 Python
纯CSS3制作页面切换效果的实例代码
2019/05/30 HTML / CSS
HTML5 Canvas 起步(2) - 路径
2009/05/12 HTML / CSS
解决html5中video标签无法播放mp4问题的办法
2017/05/07 HTML / CSS
Html5在手机端调用相机的方法实现
2020/05/13 HTML / CSS
澳洲国民品牌乡村路折扣店:Country Road & Trenery Outlet
2018/04/19 全球购物
一些PHP的面试题
2015/05/06 面试题
走群众路线学习笔记
2014/11/06 职场文书
怎样写离婚协议书
2015/01/26 职场文书
认真学习保证书
2015/02/26 职场文书
大学运动会通讯稿
2015/07/18 职场文书
学校趣味运动会开幕词
2016/03/04 职场文书
用Python爬取某乎手机APP数据
2021/06/15 Python
SpringBoot整合Minio文件存储
2022/04/03 Java/Android
MySQL慢查询中的commit慢和binlog中慢事务的区别
2022/06/16 MySQL