zoukankan      html  css  js  c++  java
  • XMLHttpRequest使用详解


    1.什么是XMLHttpRequest
    XMLHttpRequest是一个浏览器接口,使得Javascript可以进行HTTP(S)通信,这就是我们熟悉的AJAX。
    早期,各个浏览器的实现都不同,HTML5之后,W3C进行了统一。
    2.XMLHttpRequest使用示例

    <script type="text/javascript">
        var xhr = new XMLHttpRequest();
        xhr.timeout = 3000;
        xhr.ontimeout = function (event) {
            alert("请求超时!");
        }
        var formData = new FormData();
        formData.append('tel', '18217767969');
        formData.append('psw', '111111');
        xhr.open('POST', 'http://www.test.com:8000/login');
        xhr.send(formData);
        xhr.onreadystatechange = function () {
            if (xhr.readyState == 4 && xhr.status == 200) {
                alert(xhr.responseText);
            }
            else {
                alert(xhr.statusText);
            }
        }
    </script>

    运行结果:

    属性说明:

    * xhr.readyState:XMLHttpRequest对象的状态,等于4表示数据已经接收完毕。
    * xhr.status:服务器返回的状态码,等于200表示一切正常。
    * xhr.responseText:服务器返回的文本数据
    * xhr.responseXML:服务器返回的XML格式的数据
    * xhr.statusText:服务器返回的状态文本。

    3.跨域资源共享(CORS)
    XMLHttpRequest可以向不同域名的服务器发出HTTP请求,叫做CORS
    可以进行CORS有两个条件:
    1)浏览器要支持CORS
    2)服务器允许跨域:响应头需要添加一下选项

    self.set_header('Access-Control-Allow-Origin', '*')
    self.set_header('Access-Control-Allow-Methods', 'POST, GET, OPTIONS')
    self.set_header('Access-Control-Max-Age', 1000)
    self.set_header('Access-Control-Allow-Headers', '*')
    self.set_header('Content-type', 'application/json')
  • 相关阅读:
    php yield
    原来 php 中的 json_encode() 只支持utf-8.不支持gbk啊
    mongodb 二进制安装
    Centos 6.3 安装教程
    php 测试 程序执行时间,内存使用情况
    workerman vmstat服务器状态监控服务
    php大量数据 10M数据从查询到下载 【内存溢出,查询过慢】解决方案
    PHP_EOL DIRECTORY_SEPARATOR
    利用curl 模拟多线程
    Laravel 输出最后一条sql
  • 原文地址:https://www.cnblogs.com/shijingjing07/p/7096657.html
Copyright © 2011-2022 走看看