用jQuery實(shí)現(xiàn)的Ajax請(qǐng)求要怎么做？動(dòng)力節(jié)點(diǎn)小編來告訴大家。

jQuery實(shí)現(xiàn)ajax請(qǐng)求

在沒學(xué)習(xí)jQuery教程之前,發(fā)送ajax是比較麻煩的一個(gè)過程,需要四個(gè)步驟,jQuery將這些個(gè)步驟簡化了,使用起來更加方便快捷

相關(guān)函數(shù)

$.ajax() : 它是jQuery中實(shí)現(xiàn)ajax的核心函數(shù)

$.post() : 這個(gè)函數(shù)是使用post方式發(fā)送ajax請(qǐng)求

$.get() : 這個(gè)函數(shù)是使用get的方式發(fā)送ajax請(qǐng)求

$.post() 和 $.get() 它們都是在內(nèi)部調(diào)用了 $.ajax() ,所以 $.ajax() 是核心函數(shù)

$.ajax() 的使用

這個(gè)函數(shù)的參數(shù)表示請(qǐng)求的url, 請(qǐng)求的方式, 參數(shù)值等信息

$.ajax() 它的參數(shù)是一個(gè)json結(jié)構(gòu)

例如:

	$.ajax({
		名稱1 : 值1,
		名稱2 : 值2,
		...
	})

json結(jié)構(gòu)的參數(shù)說明

具體例子:

	$.ajax({
		asycn : true,
		contentType : "application/json",
		data : {
			name : "zhangsan",
			age : 20
		},
		dataType : "json",
		error : function() {
			// 出現(xiàn)錯(cuò)誤
			alert("請(qǐng)求錯(cuò)誤");
		},
		success : function(data) {
			// data 就是responseText返回的數(shù)據(jù),但是這里是jQuery處理完成之后的數(shù)據(jù)
			alert("請(qǐng)求成功, data為" + data);
		},
		url : "xxxx/xxx",
		type : "get"
	})

通過上述介紹，相信大家對(duì)用jQuery實(shí)現(xiàn)的Ajax請(qǐng)求已經(jīng)有所了解，如果大家想了解更多相關(guān)知識(shí)，不妨來關(guān)注一下本站的AJAX教程，里面還有更豐富的知識(shí)等著大家去學(xué)習(xí)，希望對(duì)大家能夠有所幫助哦。