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

来源：互联网发布：java视频教程谁的好编辑：程序博客网时间：2024/05/20 02:24

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>

效果图：

阅读全文

0 0