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自定义事件的应用 JQuery最佳实践
Aug 01 Javascript
javascript:void(0)的作用示例介绍
Oct 28 Javascript
简介AngularJS的视图功能应用
Jun 17 Javascript
D3.js实现折线图的方法详解
Sep 21 Javascript
vue.js实现请求数据的方法示例
Feb 07 Javascript
详解基于Node.js的微信JS-SDK后端接口实现代码
Jul 15 Javascript
vue如何安装使用Quill富文本编辑器
Sep 21 Javascript
微信小程序日历弹窗选择器代码实例
May 09 Javascript
vue-cli3 配置开发与测试环境详解
May 17 Javascript
jquery实现动态改变css样式的方法分析
May 27 jQuery
Vue通过WebSocket建立长连接的实现代码
Nov 05 Javascript
Antd的table组件表格的序号自增操作
Oct 27 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的栏目导航程序
2006/10/09 PHP
thinkPHP使用pclzip打包备份mysql数据库的方法
2016/04/30 PHP
Laravel重写用户登录简单示例
2016/10/08 PHP
php版微信数据统计接口用法示例
2016/10/12 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
分享一个asp.net pager分页控件
2012/01/04 Javascript
JavaScript初学者建议:不要去管浏览器兼容
2014/02/04 Javascript
jQuery实现统计输入文字个数的方法
2015/03/11 Javascript
javascript作用域、作用域链(菜鸟必看)
2016/06/16 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
2016/09/27 Javascript
jQuery中 $ 符号的冲突问题及解决方案
2016/11/04 Javascript
JS实现重新加载当前页面或者父页面的几种方法
2016/11/30 Javascript
vue+canvas实现拼图小游戏
2020/09/18 Javascript
python下paramiko模块实现ssh连接登录Linux服务器
2015/06/03 Python
matplotlib设置legend图例代码示例
2017/12/19 Python
python用for循环求和的方法总结
2019/07/08 Python
django url到views参数传递的实例
2019/07/19 Python
Flask框架重定向,错误显示,Responses响应及Sessions会话操作示例
2019/08/01 Python
使用Django搭建web服务器的例子(最最正确的方式)
2019/08/29 Python
详解使用Python下载文件的几种方法
2019/10/13 Python
pytorch 实现tensor与numpy数组转换
2019/12/27 Python
HTML5 在canvas中绘制矩形附效果图
2014/06/23 HTML / CSS
世界首屈一指的钓鱼用品商店:TackleDirect
2016/07/26 全球购物
英国和国际包裹递送:ParcelCompare
2019/08/26 全球购物
Tomcat中怎么使用log4j输出所有的log
2016/07/07 面试题
心理健康教育心得体会
2013/12/29 职场文书
大学生职业生涯规划书模板
2014/01/03 职场文书
安全月活动总结
2014/05/05 职场文书
节能环保标语
2014/06/12 职场文书
网络工程专业大学生求职信
2014/10/01 职场文书
铁路安全反思材料
2014/12/24 职场文书
先进个人事迹材料
2014/12/29 职场文书
教师学期个人总结
2015/02/11 职场文书
新闻简讯格式及范文
2015/07/22 职场文书
《初涉尘世》读后感3篇
2020/01/10 职场文书
Go获取两个时区的时间差
2022/04/20 Golang