目录
Ajax是一种异步无刷新的技术
Ajax的优点:
- 可以无需刷新页面与服务器端进行通信
- 允许根据用户事件来更新部分页面内容
Ajax的缺点:
- 没有浏览历史,不能回退
- 存在跨域问题(同源)
- SEO(搜索引擎优化)不友好
jquery 调用 ajax 方法:
$.ajax
格式:
$.ajax({ [参数] });
格式: $.ajax(});参数:
type: 请求方式GET/POST
url: 请求地址url
async: 是否异步,默认是true表示异步
data: 发送到服务器的数据
dataType: 预期服务器返回的数据类型
contentType: 设置请求头
success: 请求成功时调用此函数
error: 请求失败时调用此函数
$.get
这是一个简单的GET 请求功能以取代复杂 $ajax
请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
语法:
// 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
$.getJSON
表示请求返回的数据类型是]SON格式的ajax请求
$.getJSON('js/cuisine_area.json' , { name:"tom",age:100},function(data){
console.log(data) ; //要求返回的数据类型时JSON格式
});