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 相关文章推荐
jquery复选框CHECKBOX全选、反选
Aug 30 Javascript
jQuery 前的按键判断代码
Mar 19 Javascript
getComputedStyle与currentStyle获取样式(style/class)
Mar 19 Javascript
JS匀速运动演示示例代码
Nov 26 Javascript
简单的JavaScript互斥锁分享
Feb 02 Javascript
javaScript的函数对象的声明详解
Feb 06 Javascript
JavaScript数组去重的五种方法
Nov 05 Javascript
轻松理解JavaScript之AJAX
Mar 15 Javascript
浅谈Angular 中何时取消订阅
Nov 22 Javascript
微信小程序实现留言板(Storage)
Nov 02 Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
Sep 23 Javascript
使用原生javascript开发计算器实例代码
Feb 21 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
一个SQL管理员的web接口
2006/10/09 PHP
php+javascript的日历控件
2009/11/19 PHP
php数组函数序列 之array_count_values() 统计数组中所有值出现的次数函数
2011/10/29 PHP
php读取文件内容的方法汇总
2015/01/24 PHP
php防止用户重复提交表单
2015/11/02 PHP
谈谈PHP中substr和substring的正确用法及相关参数的介绍
2015/12/16 PHP
php使用strip_tags()去除html标签仍有空白的解决方法
2016/07/28 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
硬盘浏览程序,保存成网页格式便可使用
2006/12/03 Javascript
Ext.get() 和 Ext.query()组合使用实现最灵活的取元素方式
2011/09/26 Javascript
javascript实现可改变滚动方向的无缝滚动实例
2013/06/17 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
2013/08/21 Javascript
JavaScript严格模式禁用With语句的原因
2014/10/20 Javascript
JQuery中使用on方法绑定hover事件实例
2014/12/09 Javascript
js中的事件捕捉模型与冒泡模型实例分析
2015/01/10 Javascript
JavaScript中Function()函数的使用教程
2015/06/04 Javascript
原生js实现图片层叠轮播切换效果
2016/02/02 Javascript
js实现复制功能(多种方法集合)
2018/01/06 Javascript
分享ES6的7个实用技巧
2018/01/18 Javascript
vue2.0 实现导航守卫(路由守卫)
2018/05/21 Javascript
微信小程序本地存储实现每日签到、连续签到功能
2019/10/09 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
2020/05/06 Javascript
Vue props中Object和Array设置默认值操作
2020/07/30 Javascript
python使用mysqldb连接数据库操作方法示例详解
2013/12/03 Python
Python:Scrapy框架中Item Pipeline组件使用详解
2017/12/27 Python
python实现二维数组的对角线遍历
2019/03/02 Python
Windows 安装 Anaconda3+PyCharm的方法步骤
2019/06/13 Python
戴森英国官网:Dyson英国
2019/05/07 全球购物
亚马逊意大利站点:Amazon.it
2020/12/31 全球购物
学生自我鉴定范文
2013/10/04 职场文书
管理信息系学生的自我评价
2014/01/11 职场文书
公共场所禁烟标语
2014/06/25 职场文书
2014年消防工作总结
2014/11/21 职场文书
2014社会治安综合治理工作总结
2014/12/04 职场文书
婚育证明格式
2015/06/17 职场文书
安全温馨提示语大全
2015/07/14 职场文书