Ajax在jQuery中的应用($.ajax()方法)
Ajax() 方法
- $.ajax() 中的参数及使用方法
在jQuery中,$.ajax() 是最底层的方法,也是功能最强的方法。$.get()、$.post()、$.getScript()、getJSON() 都是在此方法上建立的。
$.ajas([options])
参数名 | 类型 | 功能描述 |
url | String | 发送请求的地址 |
type | String | 数据请求的方式(post 或 get),默认为get |
data | String 或 object | 发送到服务器的数据。如果不是字符串则自动转成字符串,如果是get方式,那么,该字符串将附在url的后面 |
dataType | String |
服务器返回的数据类型,如果没有指定,jQuery将自动根据 HTTP 包 MIME 信息自动判断,服务器返回的数据根据自动判断的结果进行解析,传递给回调函数。其可用类型为: html:返回纯文本的 HTML 信息,包含的 Script 标记会插入页面时执行 script:返回纯文本 JavaScript 代码 |
beforeSend | Function | 该函数用于发送请求前修改 XMLHttpRequest 对象,其中的参数就是 XMLHttpRequest 对象,由于该函数本身是jQuery事件,因此,如果函数返回 false ,则表示取消本次请求 |
complete | Function | 请求完成后调用的回调函数,该函数无论数据发送成功或失败都会调用,其中有两个参数,一个是 XMLHttpRequest 对象另一个是strStatus,用于描述成功请求类型的字符串 |
success | Function | 请求成功后调用的回调函数,该函数有两个参数,一个是根据参数 dataType 处理后服务器返回的数据,另一个是 strStatus 用于描述状态的字符串 |
error | Function | 请求失败后调用的回调函数,该函数有三个参数,第一个是 XMLHttpRequest 对象,第二个是出错信息strError,第三个是捕捉到的错误对象 strObject |
timeout | Number | 请求超时的时间(毫秒),该设置将覆盖 $.ajax() 方法中的同样设置 |
global | Boolean | 是否响应全局事件,默认是true,表示响应,如果设置成false,表示不响应。那么,全局事件 $.ajax() 等将不响应 |
async | Boolean | 是否异步请求,默认为 true ,表示异步,如果设置为 false,表示同步请求 |
cache | Boolean | 是否进行页面缓存,true 表示进行缓存,false表示不进行缓存 |
//ajax
$.ajax({
url: "@Url.Action("AjaxTest","Ajax")",
//自动识别返回数据类型
//dataType: "JSON",
data: {
name: $("input[name=name]").val(),
pwd: $("input[name=pwd]").val(),
email: $("input[name=email]").val()
},
success: function (data) {
if (data!=null) {
var strHTML = "";
//strHTML += "name:" + data["name"] + "<br>";
//strHTML += "sex:" + data["sex"] + "<br>";
//strHTML += "email:" + data["email"] + "<hr>";
strHTML += "name:" + data.name + "<br>";
strHTML += "sex:" + data.pwd + "<br>";
strHTML += "email:" + data.email + "<hr>";
$("#tip").html(strHTML);
} else {
alert("请求失败!");
}
},
error: function () {
alert("请求失败!");
}
})
- $.ajaxStetup() 设置全局 Ajax
//ajaxsetup
$.ajaxSetup({
//设置全局属性的Ajax选项,什么是全局就添加什么
url: "@Url.Action("AjaxTest","Ajax")",
data: {
name: $("input[name=name]").val(),
pwd: $("input[name=pwd]").val(),
email: $("input[name=email]").val()
},
error: function () {
alert("请求数据失败!");
}
})
$("#btn_ajax").click(function () {
$.ajax({
success: function (user) {
var strHTML = "";
strHTML += "name:" + user.name + "<br>";
strHTML += "sex:" + user.pwd + "<br>";
strHTML += "email:" + user.email + "<hr>";
$("#tip").append(strHTML);
}
})
})
$("#btn_ajax2").click(function () {
$.ajax({
success: function (user) {
var strHTML = "";
strHTML += "name:" + user["name"] + "<br>";
strHTML += "sex:" + user["pwd"] + "<br>";
strHTML += "email:" + user["email"] + "<hr>";
$("#tip").append(strHTML);
}
})
})
Ajax中的全局事件
事件名称 | 参数 | 功能描述 |
ajaxComplete(callback) | callback | Ajax 请求完成时执行函数 |
ajaxError(callback) | callback | Ajax 请求发生错误时执行函数,其中捕捉到的错误作为最后一个参数进行转换 |
ajaxSend(callback) | callback | Ajax 请求发送前执行函数 |
ajaxStart(callback) | callback | Ajax 请求开始时执行函数 |
ajaxStop(callback) | callback | Ajax 请求结束时执行函数 |
ajaxSuccess(callback) | callback | Ajax 请求成功时执行函数 |
Ajax在jQuery中的应用($.ajax()方法)的更多相关文章
- Ajax在jQuery中的应用---ajax()方法
在jQuery中,$.ajax()方法是最底层的方法,也是功能最强的方法.其调用的语法格式为: $.ajax([options]) 其中,可选项参数[options]为$.ajax()方法中的请求设置 ...
- [转载]Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
本文对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法进行了详细的总结,需要的朋友可以参考下,希望对大家有所帮助. 详细解读Jquery各Ajax函数: ...
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
本文对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法进行了详细的总结,需要的朋友可以参考下,希望对大家有所帮助. 详细解读Jquery各Ajax函数: ...
- 转载 : Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结 投稿:jingxian 字体:[增加 减小] 类型:转载 时间:2013-11-14我要评论 本文是 ...
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON(),$.getScript(),$.load()的用法总结
参考文档 : https://blog.csdn.net/jiandanokok/article/details/48809717 本文是对Jquery中$.get(),$.post(),$.aja ...
- jQuery中常用的函数方法
jQuery中常用的函数方法总结 Ajax处理 load(url,[data],[callback]) url (String) : 待装入 HTML 网页网址. data (Map) : (可选) ...
- jQuery中的事件绑定方法
在jQuery中,事件绑定方法大致有四种:bind(),live(), delegate(),和on(). 那么在工作中应该如何选择呢?首先要了解四种方法的区别和各自的特点. 在了解这些之前,首先要知 ...
- JQuery中each()的使用方法说明
JQuery中each()的使用方法说明 对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:jQuery提供的eac ...
- jquery中,size()和length()方法有啥区别
jquery中,size()和length()方法有啥区别? size()是jQuery提供的函数,而length是属性(不带括号). jQuery提供的源代码是这样的: size: function ...
- 深入理解jQuery中live与bind方法的区别
本篇文章主要是对jQuery中live与bind方法的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 注意如果是通过jq添加的层和对象一定要用live(),用其他的都不起作用 ...
随机推荐
- 树形DP(例题)
没有上司的舞会 题目 Ural大学有N个职员,编号为1~N.他们有从属关系,也就是说他们的关系就像一棵以校长为根的树,父结点就是子结点的直接上司.每个职员有一个快乐指数.现在有个周年庆宴会,要求与会职 ...
- 北京Uber优步司机奖励政策(3月9日)
滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...
- 成都Uber优步司机奖励政策(3月23日)
滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...
- 3329: Xorequ
3329: Xorequ https://www.lydsy.com/JudgeOnline/problem.php?id=3329 分析: 因为a+b = a^b + ((a&b)<& ...
- JQuery.extend扩展实现同步post请求
有时需要在jQuery中实现同步post请求,而jquery自带的是异步,需要通过JQuery.extend扩展. 支持ie和firefox,方法转载而来.需要在submit前将form.append ...
- Windowserver2012部署always on
1.首先,安装域环境 IP设置 域服务安装 如果建立域配置时出现 administrator账户密码不符合要求错误: cmd运行命令: net user administrator /password ...
- 第四模块:网络编程进阶&数据库开发 第2章·MySQL数据库开发
01-MySQL开篇 02-MySQL简单介绍 03-不同平台下安装MySQL 04-Windows平台MySQL密码设置与破解 05-Linux平台MySQL密码设置与破解 06-Mac平台MySQ ...
- Unity Lighting - The Precompute Process 预计算过程(二)
The Precompute Process 预计算过程 In Unity, precomputed lighting is calculated in the background - eith ...
- List和String数组相互转化
在工作中经常会遇到需要String[] 参数的地方,我们可以先定义一个list,再转成String[] 来使用,使用list的好处自然是可以随时方便的添加删除元素,下面是方法: List list = ...
- 227. Mock Hanoi Tower by Stacks【LintCode java】
Description In the classic problem of Towers of Hanoi, you have 3 towers and N disks of different si ...