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学习笔记 nt-child的使用
Jan 17 Javascript
jQuery 源码分析笔记(5) jQuery.support
Jun 19 Javascript
a标签的href和onclick 的事件的区别介绍
Jul 26 Javascript
angularjs实现与服务器交互分享
Jun 24 Javascript
JavaScript 里的类数组对象
Apr 08 Javascript
window.close(); 关闭浏览器窗口js代码的总结介绍
Jul 14 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
Nov 25 Javascript
bootstrap实现每隔5秒自动轮播效果
Dec 20 Javascript
Vue.js实现可配置的登录表单代码详解
Mar 29 Javascript
js+html5 canvas实现ps钢笔抠图
Apr 28 Javascript
scrapyd schedule.json setting 传入多个值问题
Aug 07 Javascript
移动端手指操控左右滑动的菜单
Sep 08 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 discuz 主题表和回帖表的设计
2009/03/13 PHP
php 魔术函数使用说明
2010/02/21 PHP
php去除字符串换行符示例分享
2014/02/13 PHP
yii实现图片上传及缩略图生成的方法
2014/12/04 PHP
php通过获取头信息判断图片类型的方法
2015/06/26 PHP
php实现的debug log日志操作类实例
2016/07/12 PHP
JQuery 选择器 xpath 语法应用
2010/05/13 Javascript
JavaScript prototype 使用介绍
2013/08/29 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
基于javascript代码实现通过点击图片显示原图片
2015/11/29 Javascript
JavaScript tab选项卡插件实例代码
2016/02/23 Javascript
基于javascript显示当前时间以及倒计时功能
2016/03/18 Javascript
使用json来定义函数,在里面可以定义多个函数的实现方法
2016/10/28 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
2017/05/07 Javascript
Angular4如何自定义首屏的加载动画详解
2017/07/26 Javascript
JS动态修改网页body的背景色实例代码
2017/10/07 Javascript
vue中v-for通过动态绑定class实现触发效果
2018/12/06 Javascript
JavaScript遍历DOM元素的常见方式示例
2019/02/16 Javascript
python自动化测试之setUp与tearDown实例
2014/09/28 Python
Pyhthon中使用compileall模块编译源文件为pyc文件
2015/04/28 Python
Django的URLconf中使用缺省视图参数的方法
2015/07/18 Python
Python文本统计功能之西游记用字统计操作示例
2018/05/07 Python
python3的print()函数的用法图文讲解
2019/07/16 Python
python中class的定义及使用教程
2019/09/18 Python
python numpy--数组的组合和分割实例
2020/02/24 Python
Python趣味实例,实现一个简单的抽奖刮刮卡
2020/07/18 Python
用python实现一个简单计算器(完整DEMO)
2020/10/14 Python
python使用Windows的wmic命令监控文件运行状况,如有异常发送邮件报警
2021/01/30 Python
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
Brydge英国:适用于Apple iPad和Microsoft Surface Pro的蓝牙键盘
2019/05/16 全球购物
Linux机考试题
2015/07/17 面试题
办公室内勤岗位职责范本
2013/12/09 职场文书
安全保卫工作竞聘材料
2014/08/25 职场文书
民主生活会批评与自我批评总结
2014/10/17 职场文书
nginx配置文件使用环境变量的操作方法
2021/06/02 Servers
Redis特殊数据类型HyperLogLog基数统计算法讲解
2022/06/01 Redis