Web 前后端怎么交互


本文摘自PHP中文网,作者Guanhui,侵删。

Web 前后端怎么交互

利用AJAX进行异步数据请求,AJAX是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个网页的情况下,能够更新部分网页的技术。

代码实例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

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 实例

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》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...