跨域 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() 获取服务端的数据

$.ajax({
    url : "http://localhost:8080/ajax-curd/findOne", 
    type : 'GET', 
    dataType : 'json', 
    data:{username: $('#username').val()} ,
    success : function(data) {
        console.log(data);              
    }   
});

使用ajax()提交数据到服务端

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