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中的ajax分页实现代码
Sep 20 Javascript
在javaScript中关于submit和button的区别介绍
Oct 20 Javascript
jquery为页面增加快捷键示例
Jan 31 Javascript
jQuery学习笔记之基础中的基础
Jan 19 Javascript
jQuery拖拽通过八个点改变div大小
Nov 29 Javascript
基于JavaScript实现移动端无限加载分页
Mar 27 Javascript
详解angular中的作用域及继承
May 31 Javascript
node.js+captchapng+jsonwebtoken实现登录验证示例
Aug 17 Javascript
浅谈ES6 模板字符串的具体使用方法
Nov 07 Javascript
微信小程序实现YDUI的ScrollNav组件
Feb 02 Javascript
react同构实践之实现自己的同构模板
Mar 13 Javascript
Vue 打包体积优化方案小结
May 20 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数据库配置文件一般做法分享
2012/07/07 PHP
探讨PHP调用时间格式的参数详解
2013/06/06 PHP
2款PHP无限级分类实例代码
2015/11/11 PHP
基于laravel belongsTo使用详解
2019/10/18 PHP
js png图片(有含有透明)在IE6中为什么不透明了
2010/02/07 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
2013/06/26 Javascript
读取input:file的路径并显示本地图片的方法
2013/09/23 Javascript
JavaScript将一个数组插入到另一个数组的方法
2015/03/19 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
2016/08/11 Javascript
jQuery实现边框动态效果的实例代码
2016/09/23 Javascript
微信小程序 图片加载(本地,网路)实例详解
2017/03/10 Javascript
基于React Native 0.52实现轮播图效果
2020/08/25 Javascript
JavaScript:ES2019 的新特性(译)
2019/08/08 Javascript
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
python基于pyDes库实现des加密的方法
2017/04/29 Python
Python中的pygal安装和绘制直方图代码分享
2017/12/08 Python
Python函数和模块的使用总结
2019/05/20 Python
Python中的几种矩阵乘法(小结)
2019/07/10 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
python自动从arxiv下载paper的示例代码
2020/12/05 Python
5 分钟读懂Python 中的 Hook 钩子函数
2020/12/09 Python
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
2019/07/18 HTML / CSS
外贸业务员求职自荐信分享
2013/09/21 职场文书
经济管理专业自荐信
2013/12/30 职场文书
物业招聘计划书
2014/01/10 职场文书
《会变的花树叶》教学反思
2014/02/10 职场文书
《学会待客》教学反思
2014/02/22 职场文书
母亲节演讲稿
2014/05/27 职场文书
小学校园广播稿(3篇)
2014/09/19 职场文书
某集团股份有限公司委托书样本
2014/09/24 职场文书
老人再婚离婚协议书范本
2014/10/27 职场文书
聚会通知怎么写
2015/04/23 职场文书
金砖之国观后感
2015/06/11 职场文书
《中国机长》观后感:敬畏生命,敬畏职责
2019/11/12 职场文书
详解PHP服务器如何在有限的资源里最大提升并发能力
2021/05/25 PHP
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers