XMLHttpRequest是原生ajax，缺点是使用起来比较繁琐。
jQuery库提供了一组简洁的ajax请求方法。
- ajax()
- get()
- post()
具体使用参考官方API：
http://api.jquery.com/jQuery.ajax/
http://api.jquery.com/jQuery.get/
http://api.jquery.com/jQuery.post/
示例：
使用ajax() 获取服务端的数据
|
1
2
3
4
5
6
7
8
9
|
$.ajax({ type : 'GET',
dataType : 'json',
data:{username: $('#username').val()} ,
success : function(data) {
console.log(data);
}
}); |
使用ajax()提交数据到服务端
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
var $id=$('#id').val();
var $username=$('#username').val();
var $password=$('#password').val();
var $age=$('#age').val();
$.ajax({ type : 'POST',
dataType : 'json',
data:{id:$id,username:$username,password:$password,age:$age} ,
success : function(data) {
console.log(data);
}
}); |