- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章详解JQuery Ajax 在asp.net中使用总结由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.
自从有了JQuery,Ajax的使用变的越来越方便了,但是使用中还是会或多或少的出现一些让人短时间内痛苦的问题。本文暂时总结一些在使用JQuery Ajax中应该注意的问题,如有不恰当或者不完善的地方,欢迎大家指正和补充.
本文将从Ajax请求aspx、ashx和asmx三种方式讨论.
首先看看请求aspx的情况 。
Aspx页面的Ajax请求可以有两种方式:
1、 通过使用get或者post方法,传递页面地址为url参数的值,并附带一些标记参数,直接请求。这种方式的Ajax被一些人誉为“假的Ajax”,表面上没有刷新页面,其实后台的执行情况和刷新 页面的效果是一样的.
其实这种情况也可以请求页面中的特定的方法,只要使用附带的参数去判断,就可以“请求”特定的方法了.
下面展示了使用两种不同的方法请求两个不同页面的情况,只是摘抄了代码,具体的详细代码可以在文章结尾下载.
前台:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
// 直接请求页面的方式
$(
function
() {
/*
$.get(
"RequestPage.aspx",
{ "token": "ajax" },
function (data) {
$("#dataShow").text(data);
}
);*/
$.ajax({
type:
"Post"
,
url:
"ResponsePage.aspx"
,
// data: "{'token':'ajax'}",// 使用这种方式竟然无法传递参数,各位有知道原因的告诉一下啊。
data:
"token=ajax"
,
success:
function
(data) {
$(
"#dataShow"
).text(data);
}
});
})
|
后台:
1
2
3
4
5
6
7
8
9
10
11
12
|
protected
void
Page_Load(
object
sender, EventArgs e)
{
if
(!
this
.IsPostBack)
{
if
((Request[
"token"
]??
""
)==
"ajax"
)
{
// 下面这些内从可以放在一个方法里,然后通过“token”标记去判断执行哪个方法。
Response.Write(
"我是直接请求aspx页面返回的文字!"
);
Response.End();
}
}
}
|
以上请求返回值都是字符串也就是dataType为text或者html类型.
如果要是希望请求返回的数据是xml或者json格式的,该怎么办呢?
如果要是xml格式的,需要添加一句Response.ContentType=”application/xml”;还有一点要注意的是Write中的内容必须是可以解析为xml的字符串才可以,比如“<my>123</my>”是可以的,“123”是不可以的,因为返回的信息中responseXml等于null。如下图:
前台:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
$.ajax({
type:
"Post"
,
url:
"ResponsePage.aspx"
,
// data: "{'token':'ajax'}",// 使用这种方式竟然无法传递参数,各位有知道原因的告诉一下啊。
data:
"token=ajax"
,
// 不需要指定contentType,因为指定后返回的是整个页面的html,不知道为啥,请求解答啊。
dataType:
"xml"
,
success:
function
(data) {
alert(data);
},
error:
function
(d, c,e) {
alert(e);
}
});
|
后台:
1
2
3
4
5
6
|
// 如果要是返回的响应为xml,则必须这样设置
Response.ContentType =
"application/xml"
;
// 如果要是返回的响应为xml,返回的字符串必须是可以被解析的xml文档格式。
Response.Write(
"<my>123</my>"
);
Response.End();
|
如果是为json格式的,后台代码中Response.ContentType=”application/json”这句可有可无,不影响返回的值。但是Response.Write中的值一定要是json格式的,否则会有Invalid Json格式的错误.
前台:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
$.ajax({
type:
"Post"
,
url:
"ResponsePage.aspx"
,
// data: "{'token':'ajax'}",// data必须是一个{key:value}的形式,这是一个字符串,是不行的。
// data:{token:"ajax"},// 这种方式也可行。
data:
"token=ajax"
,
// 不需要指定contentType,因为jquery会自动添加contentType=“application/x-www-form-urlencode”。
dataType:
"json"
,
success:
function
(data) {
alert(data);
},
error:
function
(d, c,e) {
alert(e);
}
});
|
记录:如果直接请求一个页面,如果data使用"{'token':'ajax'}"这种字符串的形式,jquery是无法转换为token=ajax的形式的.
jquery 文档中说,可以使用{key:value}形式的data请求页面,此时jquery会自动添加contentType=“application/x-www-form-urlencode”,使传入的data自动转换为key=value的形式.
后台:
1
2
3
4
5
6
|
// 如果要是返回的响应为xml,则必须这样设置
Response.ContentType =
"application/json"
;
// 如果要是返回的响应为xml,返回的字符串必须是可以被解析的xml文档格式。
Response.Write(“[123]");
Response.End();
|
2、 请求aspx页面后台中的方法.
其实上面的直接请求页面的方法中也跟介绍了一种请求页面内方法的解决方案,那就是在前台的ajax中传递一个参数作为标记,比如上面的那个“token”,然后在后台的page_load里面判断token的值,根据值的不同执行不同的方法。下面要介绍的是直接执行页面后台中的方法.
(1)使用简便get或者post方法时,由于不能设置contentType和dataType所以即使请求的是页面中的方法,最后请求的还是当前页面,返回的值仍旧是当前页面的html内容。所以在请求 方法的时候,简便方法还是不合适的.
(2) 使用非简便方法时,不管是post还是get,如果dataType为xml、text、htm,最后返回的值仍旧是整个html页面的内容。所以如果要想到的值,还是设置dataType为“json”吧,不 要忘记还要设置contentType为“application/json;charset=utf-8”,不设置这个,json也是返不回来的。而且还必须保证后台的被请求的方法是static的,还有[webmethod]标记,而且还必须是public的.
前台:
1
2
3
4
5
6
7
8
9
10
11
12
|
$.ajax({
type:
"post"
,
url:
"RequestPage.aspx/RequestedMethod"
,
contentType:
"application/json;charset=utf-8"
,
dataType:
"json"
,
success:
function
(res) {
alert(
"success:"
+res.d);
// 注意这点后面要加个d才能获取字符串信息,至于为什么要加个d,你通过chrome看看返回的响应就知道了,O(∩_∩)O
},
error:
function
(xmlReq, err, c) {
alert(
"error:"
+ err); }
});
|
后台:
1
2
3
4
5
6
7
8
|
// 需要被Ajax请求的后台方法
[WebMethod]
[ScriptMethod(UseHttpGet=
true
)]
// 如果要使用POST请求,去掉这个标记
public
static
string
RequestedMethod()
{
return
"[123]"
;
}
|
直接使用post是没有问题的:
如果type改为“get”,则会出现“500内部错误”。错误信息为:{"Message":"尝试使用 GET 请求调用方法“RequestedMethod”,但不允许这样做.
解决方法就是在后方法上再加一个标[ScriptMethod(UseHttpGet=true)],ScriptMethod 在System.Web.Script.Services下.这样之后,就可以在前台通过Get方式请求了,但是如果加了这个标记之后,前台就不能用POST进行请求了.
3、 请求aspx页面后台中的方法,带参数 。
前台:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
$.ajax({
type:
"Post"
,
url:
"ResponsePage.aspx/RequestMethod1"
,
data:
"{'msg':'hello'}"
,
contentType:
"application/json;charset=utf-8"
,
// 这句可不要忘了。
dataType:
"json"
,
success:
function
(res) {
$(
"#dataShow"
).text(
"success:"
+ res.d);
// 注意有个d,至于为什么通过chrome看响应吧,O(∩_∩)O。
},
error:
function
(xmlReq, err, c) {
$(
"#dataShow"
).text(
"error:"
+ err);
}
});
|
后台:
1
2
3
4
5
|
[WebMethod]
public
static
string
RequestMethod1(
string
msg)
{
return
msg;
}
|
总体上带参数的方式和不带参数类似,不同点就是在使用ajax请求的时候,要传递一个data参数,注意这个data一定是一个json格式的字符串,否则就会报json错误的,具体为什么,因为你传递的contentType是application/json啊.
请求asmx(webservice)的情况 。
请求webservice的时候,主要是请求webservice中的方法,在请求之前不要忘记了代码开头的那段取消注释的提示“// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释.
// [System.Web.Script.Services.ScriptService]” 。
请求webservice中的方法的处理方式和请求aspx页面后台方法的处理方式类似,但也有一些不同.
被请求的webservice中方法的特点:
(1) 请求的方法必须是为public的.
(2) 方法必须有[WebMethod]标记.
(3) 如果想使用Get的方式请求,还要有[ScriptMethod(UseHttpGet=true)]标记。使用Get请求Webservice的方法的时候,只添加这个标记是不够的,还要修改Web.Config文件,让WebService支持Get方式请求,否则会出现 “因 URL 意外地以“/GetXmlByGet”结束,请求格式无法识别。“的错误。修改方法为:在System.web配置节下添加以下红色的内容:
1
2
3
4
5
6
7
8
9
10
|
<
System.web
>
……………
<
webServices
>
<
protocols
>
<
add
name
=
"HttpGet"
/>
<
add
name
=
"HttpPost"
/>
</
protocols
>
</
webServices
>
</
System.web
>
|
(4) 请求xml数据类型的时候,要注意,如果方法返回的是string类型的,返回的xml格式是这样的:
如果方法返回的是字符串,则会把返回的字符串包装在<string>标签中返回.
比如以下方法请求后的返回值:
1
2
3
4
5
6
|
[WebMethod]
public
string
GetXmlByPost()
{
return
"我是通过Post方式请求返回的xml "
;
}
|
返回值:
1
2
3
|
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
<
string
xmlns
=
"http://tempuri.org/"
>我是通过Post方式请求返回的xml</
string
>
|
红色部分是被请求方法返回的字符串,其他是自动添加的,所以在前台中通过jquery获取数据的时候,应该$(res).find(”string”).text();如果方法返回的是xmlDocument对象,则就是方法中构造的xml对象.
比如以下方法请求后的返回值
1
2
3
4
5
6
7
8
9
10
11
|
// 使用Get方式请求xml,注意返回的字符串一定要是可以解析的xml格式。
[WebMethod]
[ScriptMethod(UseHttpGet =
true
)]
public
System.Xml. XmlDocument GetXmlByGet()
{
string
xml =
"<?xml version=\"1.0\" encoding=\"utf-8\"?><my>我是通过Get方式请求返回的xml</my>"
;
System.Xml.XmlDocument doc =
new
System.Xml.XmlDocument();
doc.LoadXml(xml);
return
doc;
}
|
返回的响应为:
1
|
<?
xml
version=\"1.0\" encoding=\"utf-8\"?><
my
>我是通过Get方式请求返回的xml</
my
>
|
此时就可以通过$(res).find(”my”).text()的方式取数据了。此时操作的完全是你自己构造的xml.
(5) 关于请求返回JSON需要注意的就是,返回的也是“[d:{}]”格式的数据,所在前台获取的时候,一定要加个”.d”,其他的和xml差不多了.
(6) Text的类型的就不多说了.
请求ashx的情况 。
请求ashx的时候和直接请求apsx页的情况类似,毕竟都是通过response.Write(string)的方式返回数据的.
需要注意的地方是:context.Response.ContentType的值,根据dataType的值区分:
Text:“text/plain“,
XML:“application/xml“,
JSON:“application/json“. 。
dataType为xml的时候,response.Write(string)中的字符串一定要符合xml的格式,为json的时候,response.Write(string)中的字符串一定要符合json的格式为否则会出现解析错误,这个和aspx页是一样的.
如果要使用session的话,在handler的代码中添加System.Web.SessionState的引用,并让这个handler继承IRequiresSessionState接口,一定要继承这个接口,否则会出错的.
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我.
最后此篇关于详解JQuery Ajax 在asp.net中使用总结的文章就讲到这里了,如果你想了解更多关于详解JQuery Ajax 在asp.net中使用总结的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
1、定义 设 \(u\) 和 \(v\) 为一张图上的任意两个节点。令 \(c(u, v)\) 为它们之间的边的容量, \(f(u, v)\) 为它们之间的流量,则需要满足以
1、前言 工作中涉及到文件系统,有时候需要判断文件和目录是否存在。我结合apue第四章文件和目录,总结一下如何正确判断文件和目录是否存在,方便以后查询。 2、stat系列函数 stat函数用来
并查集(Union-Find Set): 一种用于管理分组的数据结构。它具备两个操作:(1)查询元素a和元素b是否为同一组 (2) 将元素a和b合并为同一组。 注意:并查集不能将在同一组的元素拆
当下,注解非常流行,以前很长篇的代码,现在基本上一个注解就能搞定。 那,在Mybatis中又有哪些注解呢? Mybatis中的注解基本上都在org.apache.ibatis.annotat
指针操作数组,方法一是p+index,方法二是p[index],第二种方法跟数组访问方法是一样的。 数组引用返回的是数组的第一个元素的指针地址。 可以将指针指向数组的任意元素,然后从那里开始访问
通常部署完php环境后会进行一些安全设置,除了熟悉各种php漏洞外,还可以通过配置php.ini来加固PHP的运行环境,PHP官方也曾经多次修改php.ini的默认设置。 下面对php.ini中一
在JavaScript中,使用typeof可以检测基本数据类型,使用instanceof可以检测引用数据类型。在PHP中,也有检测数据类型的方法,具体如下: 1、输出变量的数据类型(gettype
把图片缓存到本地,在很多场景都会用到,如果只是存储文件信息,那建一个plist文件,或者数据库就能很方便的解决问题,但是如果存储图片到沙盒就没那么方便了。这里简单介绍两种保存图片到沙盒的方法。
(1)需要安装docker容器,在docker容器内安装jenkins,gogs,tomcat。 新建maven项目,添加findbugs plugin。 使用docker
今天主题是实现并发服务器,实现方法有多种版本,先从简单的单进程代码实现到多进程,多线程的实现,最终引入一些高级模块来实现并发TCP服务器。 说到TCP,想起吐槽大会有个段子提到三次握手,也只有程序
如下所示: Ctrl+1或F2快速修复 Ctrl+D快捷删除行 Shift+Enter 快速切换到下一行,在本行的任何位置都可 Ctrl+F11快速运行代码 Alt+上下键 快速移动行(可
JSP是Servlet技术的扩展,本质上是Servlet的简易方式,更强调应用的外表表达。 JSP编译后是”类servlet”。 Servlet和JSP最主要的不同点在于,Servlet的应用逻辑
Java中的Runable,Callable,Future,FutureTask,ExecutorService,Excetor,Excutors,ThreadPoolExcetor在这里对这些关键
读取Java文件到byte数组的三种方法(总结) ? 1
用java实现的数组创建二叉树以及递归先序遍历,递归中序遍历,递归后序遍历,非递归前序遍历,非递归中序遍历,非递归后序遍历,深度优先遍历,广度优先遍历8种遍历方式:
1、简明总结 ASCII(char) 返回字符的ASCII码值 BIT_LENGTH(str) 返回字符串的比特长度 CONCAT(s1,s2…,sn)
java应用服务器(web server),是指运行java程序的web应用服务器软件,不包括nginx、Apache等通用web服务器软件。 一、Tomcat Tomcat是Apache 软件基
事务作为抽象层,允许应用忽略DB 内部一些复杂并发问题和某些硬件、软件故障,简化应用层的处理逻辑:事务中止(transaction abort),而应用仅需重试。对复杂访问模式,事务可大大减少需要考虑
我们在本教程学习了如何描述 XML 文档的结构 我们学习到了如何使用 DTD 来定义一个 XML 文档的合法元素,以及如何在我们的 XML 内部或者作为一个外部引用来声明 DTD 我们学习了如何为
在这个XPath 基础教程中我们讲解了如何在 XML 文档中查找信息 我们可以使用 XPath 的元素和属性在 XML 文档中进行导航 我们也学习了如何使用 XPath 中内建的某些标准函数 如
我是一名优秀的程序员,十分优秀!