用jQuery实现的Ajax请求要怎么做?极悦小编来告诉大家。
在没学习jQuery教程之前,发送ajax是比较麻烦的一个过程,需要四个步骤,jQuery将这些个步骤简化了,使用起来更加方便快捷
$.ajax() : 它是jQuery中实现ajax的核心函数
$.post() : 这个函数是使用post方式发送ajax请求
$.get() : 这个函数是使用get的方式发送ajax请求
$.post() 和 $.get() 它们都是在内部调用了 $.ajax() ,所以 $.ajax() 是核心函数
这个函数的参数表示请求的url, 请求的方式, 参数值等信息
$.ajax() 它的参数是一个json结构
例如:
$.ajax({
名称1 : 值1,
名称2 : 值2,
...
})
key | value |
---|---|
async | 是boolean类型的,默认是true, 代表异步请求,可省略, 和原生ajax函数,xmlhttp.open(get, url, true)中第三个参数表示的思想一样 |
contentType | 字符串,表示从浏览器发送给服务器的参数的类型,可以省略;例如请求的参数是json,可以写application/json |
data(常用) | 可以是字符串,数组,json;是用来表示请求的参数值的;常用的是json格式的数据,例如:{name : “张三”, age : 20} |
dataType(常用) | 表示期望从服务器端返回的数据格式, 可选择的有: xml, html, text, json等;当我们使用$.ajax()发送请求时,会把dataType的值传给服务器,那么服务器就能够读取到dataType的值,从而知道需要返回的数据格式 |
error | function类型;表示请求成功时执行的函数;相当于原生ajax中XMLHttpRequest对象,当readyState= =4 &&status== 200时执行的代码 |
url(必传) | 请求的地址 |
type(常用) | 请求方式, get,post等,不用区分大小写,默认是get方式 |
具体例子:
$.ajax({
asycn : true,
contentType : "application/json",
data : {
name : "zhangsan",
age : 20
},
dataType : "json",
error : function() {
// 出现错误
alert("请求错误");
},
success : function(data) {
// data 就是responseText返回的数据,但是这里是jQuery处理完成之后的数据
alert("请求成功, data为" + data);
},
url : "xxxx/xxx",
type : "get"
})
通过上述介绍,相信大家对用jQuery实现的Ajax请求已经有所了解,如果大家想了解更多相关知识,不妨来关注一下本站的AJAX教程,里面还有更丰富的知识等着大家去学习,希望对大家能够有所帮助哦。
你适合学Java吗?4大专业测评方法
代码逻辑 吸收能力 技术学习能力 综合素质
先测评确定适合在学习