jquery调用ajax方法
格式一:$.ajax({});
参数: type:请求方式GET/POST url:请求地址url async:是否异步,默认是true表示异步 data:发送到服务器的数据 dataType:预期服务器返回的数据类型 contentType:设置请求头 success:请求成功时调用此函数 error:请求失败时调用此函数$.ajax({
type:"get", // 请求类型 GET/POST
url:"js/data.json", // 请求路径
dataType:"json", // 预期服务器返回的数据类型
data:{ // 请求参数,键值对的json对象
},
success:function(data){ // 请求成功时的回调函数
console.log(data);
}
});
格式二:$.get();
1.请求json文件,忽略返回值$.get('../js/cuisine_area.json');
2.请求json文件,传递参数,忽略返回值
$.get('../js/cuisine_area.json',{name:"tom",age:100});
3.请求json文件,拿到返回值,请求成功后可拿到返回值
$.get('../js/cuisine_area.json',function(data){
console.log(data)
});
4.请求json文件,传递参数,拿到返回值
$.get('../js/cuisine_area.json',{name:"tom",age:100},function(data){
console.log(data)
});
格式三:$.post();
1.请求json文件,忽略返回值$.post('../js/cuisine_area.json');
2.请求json文件,传递参数,忽略返回值
$.post('../js/cuisine_area.json',{name:"tom",age:100});
3.请求json文件,拿到返回值,请求成功后可拿到返回值
$.post('../js/cuisine_area.json',function(data){
console.log(data)
});
4.请求json文件,传递参数,拿到返回值
$.post('../js/cuisine_area.json',{name:"tom",age:100},function(data){
console.log(data)
});
注:$.getJSON();
$.getJSON('../js/cuisine_area.json',function(data){
console.log(data)
});