跨域 jQuery库ajax请求

时间:2022-07-08 17:37:45

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); 
    }  
});