ajax调用ashx的方法,jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法

1.jquery.ajax请求aspx

请求aspx的静态方法要注意一下问题：

(1)aspx的后台方法必须静态，而且添加webmethod特性

(2)在ajax方法中contentType必须是“application/json”，

(3)data传递的数据必须是严格的json数据，如"{'a':'aa','b':'bb'}"，而且参数必须和静态方法的参数一 一对应

(4)aspx的后台方法返回的数据默认形式是“{'d':'返回的内容'}”,所以如果dataType指定为"json"必须通过data.d来获取返回数据

在webfrom页面中后台定义请求方法(方法必须静态,而且必须添加WebMethod特性)

[WebMethod]

public static string GetString(string str_a,string str_b)

{

return str_a+str_b;

}

前台页面请求

$(function(){

$.jax({

url:'default.aspx/GetString',

type:'post',

contentType:'application/json',//这里必须指明要传递到服务器的内容的编码方式，而且必须是json,否则后台方法获取不到传递数据。

dataType:'json',//客户端以json的方式去读取返回数据

data:'{'str_a':'aaa','str_b':'bbbb'}',//参数必须和后台的参数名称一样 data必须传递json格式的数据

success:function(result){

alert(result.d);//因为webmethod的方法默认返回的数据格式是json的格式而且数据格式如："{'d':'返回的数据'}",所以要通过.d来获取返回的内容。

}

});

});

2.请求ashx

注意问题：

(1)ajax方法中的contentType如果指定必须指定为“application/x-www-form-urlencoded”,否则在ashx中request.form获取不到数据

(2)如果dataType为json，想要jQuery自动解析json数据，ashx必须返回严格的json数据，而且必须是双引号(用反义字符去反义)的格式，如: context.Response.Write("{\"d\":\"Hello World\"}")，否则jquery会解析json失败。

(3)如果因为contentType未设置或者不是“application/x-www-urlencoded”类型，reque.form获取不到数据，可以通过context.Request.InputStream来获取请求内容。

(4)在请求ashx中data参数有这几种形式： data:{'a':'aa','b':'bb'}, data:"a=aa&b=bb",data:{a:'aa',b:'bb'},这三种数据都可以通过request.form[""]来获取到。

在asp.net webform开发中，用jQuery ajax传值一般有几种玩法

1)普通玩法：通过一般处理程序ashx进行处理；

2)高级玩法：通过aspx.cs中的静态方法+WebMethod进行处理；

3)文艺玩法：通过WCF进行处理。

第一种和第三种方法不在本文介绍范围之内，下面重点介绍第二种方法。

说明

在我们的印象里 asp.net的Web服务是以.asmx来结尾的，而我们现在的asp.net也能实现Web服务，这是因为默认Web.config中已经添加了System.Web.Handlers.ScriptModule，它是用于管理asp.net中ajax功能的HTTP模块，这样不管用户是请求.asmx文件还是.aspx文件，都会通过此处理程序来处理请求。

后台代码：

using System.Web.Services; //引入命名空间

[WebMethod]

public static string SayHello()

{

return "Hello Ajax!";

}

前台页面代码：

提交

Javascript代码：

$(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);

}

});

});

});

效果：

需要注意的地方

一、data参数写法

//1)普通写法，JSON键值对，如：单个参数的

data:"{newsID:"+ id +"}",

//多个参数的形式：

data:"{newsID:"+ newsID +",name:"+ name +"}",

//2)文艺写法：各种引号，双引号，单引号拼接，如

//单个参数写法：

data:"{'name':'"+ name +"'}",

//多个参数写法：

data: "{'content':'" + $("#content").val() + "','createTime':'" + $("#createTime").val() + "','creator':'" + $("#creator").val() + "'}"

//容易出错！！！！！

二、用QueryString传值是后台取不到的问题

在WebMethod()方法中，是不能通过 HttpContext.Current.QueryString.Get("id")来获取query string，

因为在WebMethod()默认是用POST方法提交的，而用GetQueryString是不能取到值的。

替代方法是用JS获取url中的参数，用ajax提交给后台方法是用：

< script type = "text/javascript" >

function getArgs(strParame) {

var args = new Object();

var query = location.search.substring(1); // Get query string

var pairs = query.split("&"); // Break at ampersand

for (var i = 0; i < pairs.length; i++) {

var pos = pairs[i].indexOf('='); // Look for "name=value"

if (pos == -1) continue; // If not found, skip

var argname = pairs[i].substring(0, pos); // Extract the name

var value = pairs[i].substring(pos + 1); // Extract the value

value = decodeURIComponent(value); // Decode it, if needed

args[argname] = value; // Store as a property

}

return args[strParame]; // Return the object

} < /script>

三、时间问题

WCF 或 模拟Web服务处理JSON时返回时间格式问题。解决方法如下：

// 杂乱的时间

var rawDate = "/Date(1347120000000+0800)/";

// 提取时间字符串

var strDate = rawDate.substr(6, 13);

// 把时间字符串转化成int类型

var intDate = parseInt(strDate);

// 构造一个Date对象

var newDate = new Date(intDate);

// 将时间转化成当地时间格式

var myDate = newDate.toLocaleDateString();

// 最终结果

alert(myDate);

// 合并成一句

var resultDate = new Date(parseInt("/Date(1347120000000+0800)/".substr(6, 13))).toLocaleDateString();

四、$.ajax参数详解

//标准的写法：

$.ajax({

type: "post",

dataType: "json",

contentType: "application/json", //注意：WebMethod()必须加这项，否则客户端数据不会传到服务端

data:{如上所述},//注意：data参数可以是string个int类型

url: "List.aspx/DeleteNews",//模拟web服务，提交到方法

// 可选的 async:false,阻塞的异步就是同步

beforeSend:function(){

// do something.

// 一般是禁用按钮等防止用户重复提交

$("#btnClick").attr({disabled:"disabled"});

// 或者是显示loading图片

},

success: function (data) {

alert("success: " + data.d);//注意这里：必须通过data.d才能获取到服务器返回的值

// 服务端可以直接返回Model，也可以返回序列化之后的字符串，如果需要反序列化：string json = JSON.parse(data.d);

// 有时候需要嵌套调用ajax请求，也是可以的

},

complete: function(){

//do something.

$("#btnClick").removeAttr("disabled");

// 隐藏loading图片

}，

error: function (data) {

alert("error: " + data.d);

}

});

ajax请求成功后新窗口window&period;open&lpar;&rpar;被拦截的解决方法

ajax 异步请求成功后需要新开窗口打开 url,使用的是 window.open() 方法,但是该操作并不是用户主动触发的,所以它认为这是不安全的就拦截了(不过如果是 _self 的话就不会有这个限 ...

ajax 请求 对json传的处理 Jquery 使用Ajax获取后台返回的Json数据后&comma;页面处理

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

jQuery中ajax调用当前页面方法

$.ajax({ type: 'POST', url: 'AddressManager.aspx/GetProvince',//AddressManager.aspx当前页面 data: '{cach ...

ajax 请求 服务器 响应内容过长 返回500错误的解决方法

在web.config试试加上

&dollar;&period;when&lpar;&rpar;方法监控ajax请求获取到的数据与普通ajax请求回调获取到的数据的不同

1.$.when(ajax).done(function(data)}); 2.$.ajax().done(function(data){}); 1中的data被封装进一个对象[data, &quot ...

ajax请求数据之后在已经有的数据前面打对勾的方法

今天遇到这么一个需求: 选择一部分人,在点击确定的时候添加到对应的div中,也就是添加到对应的表单下面,当再次查询的时候需要在已经选过的人的复选框前面打伤对勾.

Jquery 一次处理多个ajax请求的代码

Jquery 一次处理多个ajax请求的代码,需要的朋友可以参考下.   复制代码代码如下: $(document).ready(function () { $('#getsetgo').click( ...

ajax请求ashx跨域问题解决办法

ajax请求ashx跨域问题解决办法 https://blog.csdn.net/windowsliusheng/article/details/51583566 翻译windowsliusheng  ...

使用 jQuery Mockjax 插件模拟 Ajax 请求

在实际的开发过程中,前端后台协商好了统一的接口,就各自开始自己的任务了.这时候我有这么一个 Ajax 请求需要从后台获取数据: $.ajax({ url: '/products/' }).done(f ...

随机推荐

SQL Server 数据库巡检脚本

--1.查看数据库版本信息 select @@version --2.查看所有数据库名称及大小 exec sp_helpdb --3.查看数据库所在机器的操作系统参数 exec master..xp_ ...

服务器支持AspJpeg和JMail45&lowbar;free&period;msi组件

解决办法: 1.在服务器上安装上AspJpeg和JMail45_free.msi后, 2.在cmd中输入regsvr32 c:/windows/SysWOW64/aspjpeg.dll 3.把网站对 ...

Leetcode 83 Remove Duplicates from Sorted List 链表

就是将链表中的重复元素去除 我的方法很简单就是如果链表的前后元素相同的话,将后一个元素删除 /** * Definition for singly-linked list. * struct List ...

PHP四舍五入精确小数位及取整

php中取小数位的函数有sprintf,ceil,floor,round等等函数来实现四舍五入,下面我们就一起来看看具体的实例吧.     本篇文章将使用php对数字进行四舍五入保留N位小数,以及使用 ...

xutils 框架

1. android快速开发框架xUtils xUtils简介 xUtils 包含了很多实用的android工具. xUtils 支持大文件上传,更全面的http请求协议支持(10种谓词),拥有更加灵 ...

初学 Java Script (数据类型)

简介:JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.Javascript脚本语言同其他语言一样,有它自 ...

h5与c3权威指南笔记--css3新属性选择器

[att*=val] 选择所有att属性值中包含val的.只要包含val值,不论val值在属性值的前面还是中间还是后面~

SQL IN 操作符

IN 操作符 IN 操作符允许我们在 WHERE 子句中规定多个值. SQL IN 语法 SELECT column_name(s) FROM table_name WHERE column_name ...

Fragment之间的交互

通常,一个活动可能包含一个或多个协同工作的Fragment以向用户展现一致的UI.在这种情况下,Fragment之间就需要彼此通信并交换数据,这是非常重要的.例如,一个Fragment可能包含了一个条 ...

Bob Waters - Twenty Years

We were just children and grown up closeHow we made it this far only god knowsWe bend the rulesSmash ...