jquery發送請求的各種方法

Jquery發送ajax請求的方法有很多，其中最基本的是$.ajax方法，在其之上封裝的方法有 $.get, $post, $.put, $.ajaxForm, $fileUpload等。而在這些上層的方法中，后兩個為jquery的插件所提供，如果需要用到的話，還需要引入對象的js庫文件。這里我們記錄下各方法的使用及ajax方法最原始的調用方式。

$.get方法：

var params = {"username":"zhangsan","password":"123"};
$.get("/demo",params,function(obj){
    console.log(obj);
},"json");

$.ajax({
    type : "GET",
    url : 'http://www.baidu.com', 
    success : function(html){
       console.log(html);
    }
});

 

$.post方法：

var params={"username":"zhangsan","password":"1234"};
$.post("/demo",params,function(obj){
    console.log(obj);    
},"json");

$.ajax({
    type : "POST",
    url : 'http://www.baidu.com/search', 
    data : {query : "javascript"},
    contentType : "application/x-www-form-urlencoded",
    success : function(data){
       console.log(data);
    }
});

//提交存json數據
$.ajax({
    type : "POST",
    url : 'http://www.baidu.com/search', 
    data : {query : "javascript"},
    contentType : "application/json",
    success : function(data){
        console.log(data);
    }
});

//提交from數據
$.ajax({
    type : "POST",
    url : 'http://www.baidu.com/search', 
    data : $("form").serialize(),    //不帶文件的form表單
    success : function(data){
        console.log(data);
    }
});

$.ajaxFrom方法：

$('form').ajaxFrom({
    target : '#result',
    beforeSubmit : function(formData, jqForm, options){
        console.log(options);
    },
    success : function(responseText, statusText){
        console.log(responseText);
    }
});
 
 
$.ajax({      
    type: 'POST', 
    url: '/upload',    
    data: new FormData($('from')[0]),    //帶文件的form表單
    contentType: false,    
    processData: false,    
    success: function (result) {    
        console.log(result);    
    },    
    error: function (err) {    
        console.log(err);    
    }    
}); 

$.fileupload方法：

$('#fileupload').fileupload({
    dataType: 'json',
    done: function (e, data) {
        console.log(JSON.stringify(data));
    }
});
 
var fd = new FormData();
fd.append('file', $('#fileupload')[0].files[0]); 
fd.append('file2', new File([fileBlob], 'filename.txt')); 
$.ajax({      
    type: 'POST', 
    url: '/upload',    
    data: fd,    
    contentType: false,    
    processData: false,    
    success: function (result) {    
        console.log(result);    
    },    
    error: function (err) {    
        console.log(err);    
    }    
});