Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
2013-11-07 15:32
671 查看
由于Jquery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false就可以了
1.多个Ajax 在一个function中的执行顺序
由于Jquery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false就可以了.
代码如下:
function TestAjax(){
var UserName = $("#txtUserName").val();
$.ajax(
{
url: "AjaxCheckUserName.htm",
async: false,
success: function (data) {
alert(data);
}
});
alert('Test');
$.ajax({
url: "AjaxHandler.ashx",
async: false,
data: "UserName=" + UserName,
success: function (data) {
$("#divAjax").html(data);
},
error: function (msg) {
alert(msg.responseText);
}
});
}
2. 返回自定义错误
设置 StatusCode = 500,
触发Ajax的错误(error), 在接收到数据显示自定义信息
代码如下:
error: function (msg) {
alert(msg.responseText);
}
context.Response.StatusCode = 500;
context.Response.Write("请输入用户名");
代码如下:
string sUserName = context.Request.QueryString["UserName"];
if (!string.IsNullOrEmpty(sUserName))
{
context.Response.Write(string.Format("Hello {0}!", sUserName));
}
else
{
context.Response.StatusCode = 500;
context.Response.Write("请输入用户名");
}
1.多个Ajax 在一个function中的执行顺序
由于Jquery中的Ajax的async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false就可以了.
代码如下:
function TestAjax(){
var UserName = $("#txtUserName").val();
$.ajax(
{
url: "AjaxCheckUserName.htm",
async: false,
success: function (data) {
alert(data);
}
});
alert('Test');
$.ajax({
url: "AjaxHandler.ashx",
async: false,
data: "UserName=" + UserName,
success: function (data) {
$("#divAjax").html(data);
},
error: function (msg) {
alert(msg.responseText);
}
});
}
2. 返回自定义错误
设置 StatusCode = 500,
触发Ajax的错误(error), 在接收到数据显示自定义信息
代码如下:
error: function (msg) {
alert(msg.responseText);
}
context.Response.StatusCode = 500;
context.Response.Write("请输入用户名");
代码如下:
string sUserName = context.Request.QueryString["UserName"];
if (!string.IsNullOrEmpty(sUserName))
{
context.Response.Write(string.Format("Hello {0}!", sUserName));
}
else
{
context.Response.StatusCode = 500;
context.Response.Write("请输入用户名");
}
相关文章推荐
- jQuery 方法 属性
- 推荐几个jquery特效比较好的网站
- 简单的Jquery全选功能
- jquery图片切换插件制作左右按钮与标题文字图片切换
- jquery 移除标签的某个属性
- jquery EasyUi 添加节点、展开所有节点、默认选中第一个节点
- jQuery MiniUI, 企业级Web开发
- JQuery插件开发示例代码
- jquery函数大全转载
- jquerymobile 实用技巧总结 [转]
- 动态隐藏Jquery UI dialog 中的button
- jquery 操作radio dropdownlist 和 checkbox
- jQuery Form Plugin
- Jquery div边框大全
- 什么?你还不会写JQuery 插件
- jquery事件处理函数
- Jquery EasyUI 异步树
- Jquery 语法实例
- jquery获取选中的单选按钮的值
- jQuery插件:返回顶部/底部