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正则表达式之限1-2位整数或者至多含有两位小数的写法

三种js数组去重的简洁方案

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

js内置对象 math 和 date 的详解

js 如何获取 input 的 value 值?

js怎么替换所有指定字符串

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

怎么引入jquery?

javascript如何解除绑定事件

一起看看ecmascript和javascript的区别

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




打赏

取消

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

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

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

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

评论

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