跨域 jQuery库ajax请求

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({     url : "http://localhost:8080/ajax-curd/findOne",     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({     url : "http://localhost:8080/ajax-curd/saveUser",     type : 'POST',     dataType : 'json',     data:{id:$id,username:$username,password:$password,age:$age} ,     success : function(data) {         console.log(data);      }   });