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 相关文章推荐
Sample script that deletes a SQL Server database
Jun 16 Javascript
JavaScript 学习笔记(四)
Dec 31 Javascript
js导出格式化的excel 实例方法
Jul 17 Javascript
JQuery异步加载无限下拉框级联功能实现示例
Feb 19 Javascript
Node.js返回JSONP详解
May 18 Javascript
深入理解js数组的sort排序
May 28 Javascript
jquery+Jscex打造游戏力度条
Sep 12 Javascript
微信小程序遇到修改数据后页面不渲染的问题解决
Mar 09 Javascript
你点的 ES6一些小技巧,请查收
Apr 25 Javascript
JavaScript数组方法的错误使用例子
Sep 13 Javascript
ztree加载完成后显示勾选节点的实现代码
Oct 22 Javascript
js实现多张图片每隔一秒切换一张图片
Jul 29 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
全国FM电台频率大全 - 9 上海市
2020/03/11 无线电
PHP中CURL的CURLOPT_POSTFIELDS参数使用细节
2014/03/17 PHP
PHP大批量插入数据库的3种方法和速度对比
2014/07/08 PHP
从刷票了解获得客户端IP的方法
2015/09/21 PHP
PHP PDO数据库操作预处理与注意事项
2019/03/16 PHP
Yii框架页面渲染操作实例详解
2019/07/19 PHP
Laravel 框架控制器 Controller原理与用法实例分析
2020/04/14 PHP
javascript一点特殊用法
2008/05/28 Javascript
Extjs学习笔记之四 工具栏和菜单
2010/01/07 Javascript
Javascript下判断是否为闰年的Datetime包
2010/10/26 Javascript
js跑马灯代码(自写)
2013/04/17 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
2013/11/05 Javascript
浅析JS获取url中的参数实例代码
2016/06/14 Javascript
jquery获取table指定行和列的数据方法(当前选中行、列)
2016/11/07 Javascript
Node.js中DNS模块学习总结
2018/02/28 Javascript
ionic2中使用自动生成器的方法
2018/03/04 Javascript
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
简单实现节流函数和防抖函数过程解析
2019/10/08 Javascript
JavaScript React如何修改默认端口号方法详解
2020/07/28 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
2021/02/08 Javascript
[11:01]2014DOTA2西雅图邀请赛 冷冷带你探秘威斯汀
2014/07/08 DOTA
[04:22]DOTA2大事件之护国神翼
2020/08/14 DOTA
基于Python实现的扫雷游戏实例代码
2014/08/01 Python
PyTorch上实现卷积神经网络CNN的方法
2018/04/28 Python
总结python中pass的作用
2019/02/27 Python
Python中format()格式输出全解
2019/04/12 Python
Python画图高斯分布的示例
2019/07/10 Python
TensorFlow打印输出tensor的值
2020/04/19 Python
django在开发中取消外键约束的实现
2020/05/20 Python
Python新手学习标准库模块命名
2020/05/29 Python
夜大自我鉴定
2013/10/31 职场文书
求职简历自我评价2015
2015/03/10 职场文书
董事长开业致辞
2015/07/29 职场文书
银行求职信范文
2019/05/13 职场文书
MySQL分库分表与分区的入门指南
2021/04/22 MySQL
python神经网络Xception模型
2022/05/06 Python