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 相关文章推荐
wordpress之js库集合研究介绍
Aug 17 Javascript
jQuery 学习第七课 扩展jQuery的功能 插件开发
May 17 Javascript
简单的前端js+ajax 购物车框架(入门篇)
Oct 29 Javascript
JavaScript插件化开发教程 (三)
Jan 27 Javascript
Bootstrap登陆注册页面开发教程
Jul 12 Javascript
微信小程序 Tab页切换更新数据
Jan 05 Javascript
jQuery插件zTree实现删除树节点的方法示例
Mar 08 Javascript
vue.js中过滤器的使用教程
Jun 08 Javascript
详解ECMAScript typeof用法
Jul 25 Javascript
Vue源码解析之数据响应系统的使用
Apr 24 Javascript
vue 组件销毁并重置的实现
Jan 13 Javascript
微信小程序实现导航栏和内容上下联动功能代码
Jun 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
PHP语言中global和$GLOBALS[]的分析 之二
2012/02/02 PHP
PHP执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法
2014/06/26 PHP
函数中使用require_once问题深入探讨 优雅的配置文件定义方法推荐
2014/07/02 PHP
javascript this用法小结
2008/12/19 Javascript
JavaScript Prototype对象
2009/01/07 Javascript
JavaScript 学习笔记(五)
2009/12/31 Javascript
JavaScript继承方式实例
2010/10/29 Javascript
中国地区三级联动下拉菜单效果分析
2012/11/15 Javascript
js中的异常处理try...catch使用介绍
2013/09/21 Javascript
jQuery实现的一个自定义Placeholder属性插件
2014/08/11 Javascript
jQuery源码分析之init的详细介绍
2017/02/13 Javascript
js 倒计时(高效率服务器时间同步)
2017/09/12 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
2017/09/19 jQuery
Vue+Flask实现简单的登录验证跳转的示例代码
2018/01/13 Javascript
Angular ng-animate和ng-cookies用法详解
2018/04/18 Javascript
vuex存值与取值的实例
2019/11/06 Javascript
vue 实现单选框设置默认选中值
2019/11/07 Javascript
详解Vue的ref特性的使用
2020/01/24 Javascript
js回调函数原理与用法案例分析
2020/03/04 Javascript
Map与WeakMap类型在JavaScript中的使用详解
2020/11/18 Javascript
Python3指定路径寻找符合匹配模式文件
2015/05/22 Python
python学习必备知识汇总
2017/09/08 Python
python+influxdb+shell编写区域网络状况表
2018/07/27 Python
python tkinter实现界面切换的示例代码
2019/06/14 Python
在SQLite-Python中实现返回、查询中文字段的方法
2019/07/17 Python
Django文件存储 默认存储系统解析
2019/08/02 Python
Tensorflow tf.nn.atrous_conv2d如何实现空洞卷积的
2020/04/20 Python
浅析python函数式编程
2020/09/26 Python
奥地利票务门户网站:oeticket.com
2019/12/31 全球购物
华为c/c++笔试题
2016/01/25 面试题
什么是ESB?请介绍一下ESB?
2015/05/27 面试题
公务员政审单位鉴定材料
2014/05/16 职场文书
2015年农村党员公开承诺事项
2015/04/28 职场文书
党性教育心得体会(共6篇)
2016/01/21 职场文书
CSS filter 有什么神奇用途
2021/05/25 HTML / CSS
Python实现简繁体转换
2021/06/07 Python