ajax对服务器大气请求和接收返回信息

最新推荐文章于 2021-08-06 01:22:27 发布

dancheng_work

最新推荐文章于 2021-08-06 01:22:27 发布

阅读量366

点赞数

分类专栏： # ajax

本文链接：https://blog.csdn.net/dancheng1/article/details/77413932

版权

ajax 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1、发起对服务器的请求

被请求的php

<?php
$fp = fopen('./02.txt', 'a');  //打开文件

fwrite($fp, 'lenovo');
fclose($fp);   //关闭文件

请求代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function f1() {
            //创建对象
            var xhr = new XMLHttpRequest();

            //创建一个新的http请求
            //xhr.open(请求方式get/post，请求地址，[异步同步请求，默认异步]);
            xhr.open('get', './02.php');

            //发送请求
            //xhr.send(post请求数据/get请求设置null);
            xhr.send(null);
        }
    </script>
</head>
<body>
    <input type="button" value="触发" οnclick="f1()">
</body>
</html>

效果图：

2、接收服务器返回信息

ajax可以接收什么信息？

答：浏览器可以接收的信息ajax都可以接收，例如字符串、html标签、css样式内容、xml内容、json内容等等。

<script type="text/javascript">
    function f1() {
        //创建对象
        var xhr = new XMLHttpRequest();

        //设置事件，感知ajax状态的一个变化
        xhr.onreadystatechange = function () {
            if(xhr.readyState == 4)
                console.log(xhr.responseText);
        }

        xhr.open('get', './03.php');

        //发送请求
        //xhr.send(post请求数据/get请求设置null);
        xhr.send(null);
    }
</script>

效果图：