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实现精美的银灰色竖排折叠菜单
May 16 Javascript
javascript 应用小技巧方法汇总
Jul 05 Javascript
js读取并解析JSON类型数据的方法
Nov 14 Javascript
JS实现的仿淘宝交易倒计时效果
Nov 27 Javascript
浅谈jQuery双事件多重加载的问题
Oct 05 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
Oct 10 Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
Feb 27 Javascript
判断颜色是否合法的正则表达式(详解)
May 03 Javascript
Js利用prototype自定义数组方法示例
Oct 20 Javascript
使用store来优化React组件的方法
Oct 23 Javascript
微信小程序网络请求封装示例
Jul 24 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
Aug 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项目应该注意的几点事项分享
2013/12/20 PHP
ThinkPHP CURD方法之field方法详解
2014/06/18 PHP
php的mssql数据库连接类实例
2014/11/28 PHP
PHP实现过滤各种HTML标签
2015/05/17 PHP
PHP ajax 异步执行不等待执行结果的处理方法
2015/05/27 PHP
PHP中Http协议post请求参数
2015/11/02 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
PHP注释语法规范与命名规范详解篇
2018/01/21 PHP
javascript 弹出层组件(升级版)
2011/05/12 Javascript
JavaScript表单通过正则表达式验证电话号码
2014/03/14 Javascript
jQuery操作DOM之获取表单控件的值
2015/01/23 Javascript
JavaScript中实现继承的三种方式和实例
2015/01/29 Javascript
jqueryUI里拖拽排序示例分析
2015/02/26 Javascript
jQuery选择器源码解读(三):tokenize方法
2015/03/31 Javascript
javascript为按钮注册回车事件(设置默认按钮)的方法
2015/05/09 Javascript
探究Javascript模板引擎mustache.js使用方法
2016/01/26 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
2016/04/05 Javascript
AngularJS基础 ng-mousemove 指令简单示例
2016/08/02 Javascript
JS实现动画兼容性的transition和transform实例分析
2016/12/13 Javascript
JavaScript队列的应用实例详解【经典数据结构】
2017/04/12 Javascript
JS实现自动轮播图效果(自适应屏幕宽度+手机触屏滑动)
2017/06/19 Javascript
vue解决一个方法同时发送多个请求的问题
2018/09/25 Javascript
JS实现骰子3D旋转效果
2019/10/24 Javascript
Vuejs中的watch实例详解(监听者)
2020/01/05 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
2020/02/17 Javascript
vue中的v-model原理,与组件自定义v-model详解
2020/08/04 Javascript
openlayers4.6.5实现距离量测和面积量测
2020/09/25 Javascript
[01:02:20]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python中关键字is与==的区别简述
2014/07/31 Python
Python设计模式中单例模式的实现及在Tornado中的应用
2016/03/02 Python
对numpy中的where方法嵌套使用详解
2018/10/31 Python
Pytorch模型转onnx模型实例
2020/01/15 Python
python实现图像全景拼接
2020/03/27 Python
中国首家奢侈品O2O网购平台:第五大道奢侈品网
2017/12/14 全球购物
工作简报范文
2015/07/21 职场文书
解决IIS7下无法绑定https主机的问题
2022/04/29 Servers