Ajax与jQuery

目录

---

Ajax是一种异步无刷新的技术

Ajax的优点：

1. 可以无需刷新页面与服务器端进行通信
2. 允许根据用户事件来更新部分页面内容

Ajax的缺点：

1. 没有浏览历史，不能回退
2. 存在跨域问题（同源）
3. 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格式
});