美文网首页
ajax 接收到服务器返回的信息

ajax 接收到服务器返回的信息

作者: 曾柏超 | 来源:发表于2018-01-02 10:18 被阅读0次

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


    <script  type="text/javascript">

        function f1() {

            var xhr =  new XMLHttpRequest();

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

            xhr.send(null)

            xhr.onreadystatechange = function () {

                if (xhr.readyState==4){

                    console.log(xhr.responseText);

                    document.getElementById('result').innerHTML = xhr.responseText;


                }

            }


        }

    </script>

</head>
<body>
    <h2> ajax 接收到服务器返回的信息</h2>
    <input  type="button" value="触发"  onclick="f1()"   />
    <div  id="result" > </div>
</body>
</html>
<?php
/**
 * Created by PhpStorm.
 * User: bochaoceng
 * Date: 12/29/17
 * Time: 13:50
 */


echo "<div>Today is very  <span style='color: red'> good  </span>  </div>";

相关文章

  • ajax 接收到服务器返回的信息

  • 使用jQuery操作AJAX

    $.ajax(); 加载并执行一个js文件 保存信息到服务器,成功时返回信息 $.get();

  • django DTL 动态局部刷新的方法

    Ajax + json客户端通过ajax向服务器取评论信息,服务器结果以json形式返回客户端,客户端以js将js...

  • AJAX

    1、ajax原理: 客户端调用ajax引擎,ajax引擎调用服务器,服务器处理完数据后将结果返回给ajax...

  • JavaScript 将网站后台的数据变化实时更新到前端

    1,ajax短连接:客户端每隔一秒钟发一次请求,服务器收到请求后会立刻返回结果,不管有没有新数据。 2,ajax长...

  • websocket的向下兼容方案

    轮询:客户端定时向服务器发送Ajax请求,服务器接到请求后马上返回响应信息并关闭连接。优点:后端程序编写比较容易。...

  • AJAX

    ajax 是什么?有什么作用? ajax通过原生的XMLHttpRequest对象发出HTTP请求,得到服务器返回...

  • 轮询与连接

    1. 轮询:客户端定时向服务器发送Ajax请求,服务器接到请求后马上返回响应信息并关闭连接。优点:后端程序编写比...

  • ajax原生封装

    1、创建ajax对象 2、连接服务器 3、发送请求 4、接收返回数据 function Ajax(type, ur...

  • ajax请求传递cookie

    ajax请求传递cookie ajax请求传递cookie 服务器端要做些返回头的修改: response.set...

网友评论

      本文标题:ajax 接收到服务器返回的信息

      本文链接:https://www.haomeiwen.com/subject/rulfnxtx.html