Jquery傳送ajax請求的方法有很多，其中最基本的是$.ajax方法，在其之上封裝的方法有 $.get, $post, $.put, $.ajaxForm, $fileUpload等。而在這些上層的方法中，後兩個為jquery的外掛所提供，如果需要用到的話，還需要引入物件的js庫檔案。這裡我們記錄下各方法的使用及ajax方法最原始的呼叫方式。

$get方法：

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

$.post方法：

$.post(
	'http://www.baidu.com/search', 
	{query : "javascript"},
	function(data){
		console.log(data);
	}
);
$.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);    
	}    
});