ajax请求
常用参数:
1、url 请求地址
2、type 请求方式,默认是’GET’,常用的还有’POST’
3、dataType 设置返回的数据格式,常用的是’json’格式,也可以设置为’text’,也可以不设置,浏览器有容错功能,会按照收到的数据的格式自行匹配格式解析
4、data 设置发送给服务器的数据
5、success 设置请求成功后的回调函数
6、error 设置请求失败后的回调函数
1.ajax请求写法1
<script>
$(function () {
$.ajax({ // 设置ajax的参数
url: '/index_data', // 请求数据的url地址:接口地址
type: 'get', // 请求数据方式:get post
dataType: 'json', // 返回的数据格式 json
data:{"code":"30026"}, // data:发送给接口的数据
success: function (dat) { // 请求成功之后要执行的回调函数
//dat:服务端返回的数据
console.log(dat)
},
error: function (e) { // 请求失败后执行的函数
alert('请求失败')
}
})
})
</script>
2.ajax请求写法2(推荐)
<script>
$(function () {
$.ajax({
url: '/index_data', //请求地址
type: 'get', //请求方式
dataType: 'json', //返回的数据格式
data:{'code':"000007"}
})
.done(function (dat) {
//请求成功后的回调函数
console.log(dat)
})
.fail(function (e) {
//请求失败的回调函数
alert('请求失败')
})
})
</script>
3.ajax请求写法3(化简写法)
<script>
$(function () {
$.get("/add_data", {"code":"000007"},
function(dat){
//请求成功时回调函数
alert(dat)
})
})
//该写法基本上不会用到
</script>
例子:
$.ajax({
url:ctxtPath+"/design/getDesign/"+ s,
type:'POST', //GET
async:false, //或false,是否异步
timeout:5000, //超时时间
dataType:'json', //返回的数据格式:json/xml/html/script/jsonp/text
success:function(data,textStatus,jqXHR){
if(data.projectStatus=='3'||data.projectStatus=='2'||data.projectStatus=='1'||data.projectStatus=='6'||data.projectStatus=='8'){
flag = false;
}else{
flag = true;
}
}
});