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

发布时间：2020-12-16 03:20:44 所属栏目：百科来源：网络整理

导读：1、发起对服务器的请求被请求的 php ?php$fp = fopen('./02.txt','a'); //打开文件fwrite($fp,'lenovo');fclose($fp); //关闭文件请求代码： !DOCTYPE htmlhtml lang="en"head meta charset="UTF-8" titleTitle/title script type="text/javascript" func

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="触发" onclick="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>

效果图：

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!