本文摘自PHP中文网,作者Guanhui,侵删。
Web 前后端怎么交互
利用AJAX进行异步数据请求,AJAX是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。
代码实例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
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 实例
1 2 3 4 5 6 7 8 9 | $.ajax({
type: 'POST'
url: './get_user.php' ,
data: {uid: 123},
dataType: 'json' ,
success: function (result){
console.log(result);
}
});
|
推荐教程:《JS教程》
以上就是Web 前后端怎么交互的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
简析如何用js实现简单轮播
js怎么实现字符串转数组
利用html+css+js实现简单的点赞效果
快来看看 ajax实时刷新处理
同源策略是什么意思
使用jquery的ajax发起访问请求
如何实现图片懒加载?
js中如何进行字符串替换
js如何实现计数排序
chrome如何实时修改javascript
更多相关阅读请进入《js》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » Web 前后端怎么交互