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 相关文章推荐
关于JavaScript与HTML的交互事件
Apr 12 Javascript
JS定时刷新页面及跳转页面的方法
Jul 04 Javascript
Javascript 实现的数独解题算法网页实例
Oct 15 Javascript
JavaScript中的console.group()函数详细介绍
Dec 29 Javascript
js判断文件格式及大小的简单实例(必看)
Oct 11 Javascript
浅谈 vue 中的 watcher
Dec 04 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
Apr 08 Javascript
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
vue使用监听实现全选反选功能
Jul 06 Javascript
在Layui中实现开关按钮的效果实例
Sep 29 Javascript
在weex中愉快的使用scss的方法步骤
Jan 02 Javascript
vue路由结构可设一层方便动态添加路由操作
Aug 31 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
索尼SONY ICF-7600A(W)电路分析
2021/03/01 无线电
php中关于普通表单多文件上传的处理方法
2011/03/25 PHP
PHP获取一年中每个星期的开始和结束日期的方法
2015/02/12 PHP
PHP生成制作验证码的简单实例
2016/06/12 PHP
yii2 在控制器中验证请求参数的使用方法
2019/06/19 PHP
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
2013/06/09 Javascript
js Math 对象的方法
2013/09/01 Javascript
easyui datagrid 键盘上下控制选中行示例
2014/03/31 Javascript
15个jquery常用方法、小技巧分享
2015/01/13 Javascript
node.js入门实例helloworld详解
2015/12/23 Javascript
jQuery语法小结(超实用)
2015/12/31 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
2016/05/25 Javascript
深入理解vue-loader如何使用
2017/06/06 Javascript
node.js中http模块和url模块的简单介绍
2017/10/06 Javascript
bootstrap select下拉搜索插件使用方法详解
2017/11/23 Javascript
Swiper自定义分页器使用详解
2017/12/28 Javascript
vue 使用eventBus实现同级组件的通讯
2018/03/02 Javascript
微信小程序自定义轮播图
2018/11/04 Javascript
JS div匀速移动动画与变速移动动画代码实例
2019/03/26 Javascript
Python实现监控键盘鼠标操作示例【基于pyHook与pythoncom模块】
2018/09/04 Python
老生常谈python中的重载
2018/11/11 Python
Python 在 VSCode 中使用 IPython Kernel 的方法详解
2020/09/05 Python
python快速安装OpenCV的步骤记录
2021/02/22 Python
使用HTML5 Canvas绘制直线或折线等线条的方法讲解
2016/03/14 HTML / CSS
台湾屈臣氏网路商店:Watsons台湾
2020/12/29 全球购物
销售行业个人求职自荐信
2013/09/25 职场文书
社区七一党员活动方案
2014/01/25 职场文书
文明班集体申报材料
2014/05/23 职场文书
物流管理系毕业生求职信
2014/06/03 职场文书
迎七一演讲稿
2014/09/12 职场文书
爱岗敬业事迹材料
2014/12/24 职场文书
2015年宣传工作总结
2015/04/08 职场文书
2015年办公室文秘工作总结
2015/04/30 职场文书
导游词之南京莫愁湖公园
2019/11/13 职场文书
python实现Thrift服务端的方法
2021/04/20 Python
Python基础之教你怎么在M1系统上使用pandas
2021/05/08 Python