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数组的函数用法详解

js实现好看的鼠标跟随彩色气泡效果(附代码)

爬虫之 js逆向某验滑动加密(2)

js如何实现滑动门效果

js计算两个日期之差天数总是不正确

文件上传组件webuploader基本使用

js框架与css框架的区别是什么

css3+javascript怎么做一个旋转的3d盒子?

js如何获取ueditor富文本编辑器中的图片地址

更多相关阅读请进入《js》频道 >>




打赏

取消

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

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

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

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

评论

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