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 前后端怎么交互的详细内容，更多请关注gxlcms其它相关文章！