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 相关文章推荐
学习ExtJS Window常用方法
Oct 07 Javascript
jQuery学习笔记[1] jQuery中的DOM操作
Dec 03 Javascript
jQuery Tools tab使用介绍
Jul 14 Javascript
实现局部遮罩与关闭原理及代码
Feb 04 Javascript
jQuery:节点(插入,复制,替换,删除)操作
Mar 04 Javascript
解析Jquery的LigerUI如何实现文件上传
Jul 09 Javascript
从数据库读取数据后将其输出成html标签的三种方法
Oct 13 Javascript
js querySelector() 使用方法
Dec 21 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
Jun 17 Javascript
解决vue build打包之后首页白屏的问题
Mar 06 Javascript
JavaScript动态检测密码强度原理及实现方法详解
Jun 11 Javascript
解决antd日期选择组件,添加value就无法点击下一年和下一月问题
Oct 29 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
PHP4实际应用经验篇(8)
2006/10/09 PHP
php jquery 多文件上传简单实例
2013/12/23 PHP
根据key删除数组中指定的元素实现方法
2017/03/02 PHP
PHP 实现链式操作
2021/03/09 PHP
JS图片无缝、平滑滚动代码
2014/03/11 Javascript
JavaScript组件焦点与页内锚点间传值的方法
2015/02/02 Javascript
究竟什么是Node.js?Node.js有什么好处?
2015/05/29 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
2015/11/17 Javascript
jquery zTree异步加载简单实例讲解
2016/02/25 Javascript
JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果
2016/08/23 Javascript
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
2017/05/19 jQuery
angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例
2018/08/17 Javascript
基于layui的下拉列表的数据回显方法
2019/09/24 Javascript
JavaScript函数Call、Apply原理实例解析
2020/02/17 Javascript
React实现todolist功能
2020/12/28 Javascript
python实现获取序列中最小的几个元素
2014/09/25 Python
Python实现的个人所得税计算器示例
2018/06/01 Python
PyTorch中的padding(边缘填充)操作方式
2020/01/03 Python
python使用正则表达式去除中文文本多余空格,保留英文之间空格方法详解
2020/02/11 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
HTML5 背景的显示区域实现
2020/07/09 HTML / CSS
Chain Reaction Cycles俄罗斯:世界上最大的在线自行车商店
2019/08/27 全球购物
C#中有没有运算符重载?能否使用指针?
2014/05/05 面试题
大学毕业感言200字
2014/03/09 职场文书
村长党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
预备党员自我批评思想汇报
2014/10/10 职场文书
个人查摆剖析材料
2014/10/16 职场文书
2015年母亲节活动策划方案
2015/05/04 职场文书
离婚案件被告代理词
2015/05/23 职场文书
Python中使用Lambda函数的5种用法
2021/04/01 Python
python 实现德洛内三角剖分的操作
2021/04/22 Python
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang
php去除deprecated的实例方法
2021/11/17 PHP
vue实现列表垂直无缝滚动
2022/04/08 Vue.js
mysql sql常用语句大全
2022/06/21 MySQL
全网非常详细的pytest配置文件
2022/07/15 Python