Web 前後端怎麼交互

Web 前後端怎麼互動

利用AJAX進行非同步資料請求，AJAX是指一種創建互動式、快速動態網頁應用程式的網頁開發技術，無需重新載入整個網頁的情況下，能夠更新部分網頁的技術。

程式碼實例

if (window.XMLHttpRequest) {
	//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
	xmlhttp = new XMLHttpRequest();
} else {
	// IE6, IE5 浏览器执行代码
	xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange = function(){
	if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
	{
		alert(xmlhttp.responseText);
	}
}
xmlhttp.open("GET", "./get_user.php", true);
xmlhttp.send();

jQuery 實例

$.ajax({
	type: 'POST'
	url: './get_user.php',
	data: {uid: 123},
	dataType: 'json',
	success: function(result){
        console.log(result);
	}
});

推薦教學：《JS教程》

以上是Web 前後端怎麼交互的詳細內容。更多資訊請關注PHP中文網其他相關文章！