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操作Oracle数据库示例
Mar 06 Javascript
jQuery双向列表选择器DIV模拟版
Nov 01 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
Nov 25 Javascript
Javascript 对cookie操作详解及实例
Dec 29 Javascript
JavaScript中使用Async实现异步控制
Aug 15 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
Sep 05 Javascript
Vue源码学习之初始化模块init.js解析
Nov 02 Javascript
微信小程序自定义tabBar在uni-app的适配详解
Sep 30 Javascript
微信小程序页面渲染实现方法
Nov 06 Javascript
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
Sep 08 Javascript
vue项目实现分页效果
Mar 24 Vue.js
js作用域及作用域链工作引擎
Jul 07 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
MOTOROLA 摩托罗拉 MODEL 66-XI五灯中波收音机
2021/03/02 无线电
PHP通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
ThinkPHP无限级分类原理实现留言与回复功能实例
2014/10/31 PHP
php中adodbzip类实例
2014/12/08 PHP
PHP中的traits简单使用实例
2015/05/13 PHP
实例详解PHP中html word 互转的方法
2016/01/28 PHP
thinkphp3.2.3版本的数据库增删改查实现代码
2016/09/22 PHP
jQuery异步验证用户名是否存在示例代码
2014/05/21 Javascript
jQuery中animate动画第二次点击事件没反应
2015/05/07 Javascript
浅谈String.valueOf()方法的使用
2016/06/06 Javascript
第四篇Bootstrap网格系统偏移列和嵌套列
2016/06/21 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
2018/07/23 Javascript
vue展示dicom文件医疗系统的实现代码
2018/08/27 Javascript
vue-cli中安装方法(图文详细步骤)
2018/12/12 Javascript
详解JavaScript 的变量
2019/03/08 Javascript
JavaScript中window和document用法详解
2020/07/28 Javascript
[53:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第一场 1月31日
2021/03/11 DOTA
Python3搜索及替换文件中文本的方法
2015/05/22 Python
python实现图片彩色转化为素描
2019/01/15 Python
Python判断字符串是否xx开始或结尾的示例
2019/08/08 Python
Python通过Manager方式实现多个无关联进程共享数据的实现
2019/11/07 Python
python实现移动木板小游戏
2020/10/09 Python
Python在centos7.6上安装python3.9的详细教程(默认python版本为2.7.5)
2020/10/15 Python
纯CSS3实现手风琴风格菜单具体步骤
2013/05/06 HTML / CSS
美国领先的户外服装与装备用品店:Moosejaw
2016/08/25 全球购物
俄罗斯建筑和装饰材料在线商店:Stroilandia
2020/07/25 全球购物
.net面试题
2016/09/17 面试题
医科学校毕业生自荐信
2013/11/09 职场文书
店长岗位职责
2013/11/21 职场文书
总裁秘书岗位职责
2013/12/04 职场文书
转党组织关系介绍信
2014/01/08 职场文书
公司年夜饭通知
2015/04/25 职场文书
小学同学聚会感言
2015/07/30 职场文书
2019年特色火锅店的创业计划书模板
2019/08/28 职场文书
使用react-virtualized实现图片动态高度长列表的问题
2021/05/28 Javascript
使用Django框架创建项目
2022/06/10 Python