Ajax之XHR请求

不念不忘少年蓝@ 2023-10-05 16:01 28阅读 0赞

## AJAX - 向服务器发送请求请求 ##

如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法：

xmlhttp.open("GET","ajax_info.txt",true);
    xmlhttp.send();

open(method,url,async)  
规定请求的类型、URL 以及是否异步处理请求。

method：请求的类型；GET 或 POST  
url：文件在服务器上的位置  
async：true（异步）或 false（同步）  
send(string)  
将请求发送到服务器。

string：仅用于 POST 请求

## XML实例代码 ##

**HTML代码**

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <script type="text/javascript" src="js/ajax.js">
      </script>
    </head>
    <body>
    
    <div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
    <button type="button" onclick="loadXMLDoc()">修改内容</button>
    
    </body>
    </html>

**JS代码**

function loadXMLDoc()
    {
        
        var xmlhttp;
        if (window.XMLHttpRequest)
        {
        
            //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
            xmlhttp=new XMLHttpRequest();
        }
        else
        {
        
            // IE6, IE5 浏览器执行代码
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
        
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
        
                document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","ajax_document/ajax_try.txt",true);
        xmlhttp.send();
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，28人围观）

还没有评论，来说两句吧...

相关阅读

相关 Ajax之XHR请求

AJAX - 向服务器发送请求请求如需将请求发送到服务器，我们使用 XMLHttpRequest 对象的 open() 和 send() 方法： xmlhtt

不念不忘少年蓝@/ 2023年10月05日 16:01/ 0 赞/ 29 阅读

相关 Ajax之xhr数据请求(基于Node.js平台)

什么是Ajax? Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应

ゞ浴缸里的玫瑰/ 2023年07月18日 03:23/ 0 赞/ 16 阅读

相关异步网络请求xhr、ajax、fetch与axios对比

现代浏览器，最开始与服务器交换数据，都是通过 `XMLHttpRequest` 对象。它可以使用JSON、XML、HTML和text文本等格式发送和接收数据。 if

曾经终败给现在/ 2023年07月04日 06:12/ 0 赞/ 106 阅读

相关 CHROME扩展笔记之监听页面xhr请求

在页面头部加载完时立即注入下面代码，注入完成后如若有xhr请求就可以监听到了 ;(function () { if ( typeof window.Cus

桃扇骨/ 2022年11月27日 12:16/ 0 赞/ 699 阅读

相关 XHR异步请求 GET

四句核心代码： //1创建XHR对象 var xhr = new XHRHttpRequest(); //2监听XHR的就绪状态改变事件 xhr.onreadystat

末蓝、/ 2022年05月10日 21:12/ 0 赞/ 728 阅读

相关用Dojo实现Ajax请求：XHR、跨域、及其他

本文已经首发于[InfoQ中文站][InfoQ]，版权所有，原文为《[用Dojo实现Ajax请求：XHR、跨域、及其他][Dojo_Ajax_XHR]》，如需转载，请务必附带本

一时失言乱红尘/ 2022年04月18日 03:46/ 0 赞/ 215 阅读

相关 Ajax ajax原生-xhr对象超时调用实例

前台: <html> <head> <meta charset="utf-8"> <title></title> <script

雨点打透心脏的1/2处/ 2021年07月25日 02:25/ 0 赞/ 617 阅读

相关 Ajax ajax原生-xhr对象的属性和方法、xhr对象的创建

Ajax模块在处理网络请求时包括以下四个步骤创建Xhr对象构建Xhr对象的属性和方法发出HTTP请求通过Xhr

深碍√TFBOYSˉ_/ 2021年07月24日 12:20/ 0 赞/ 697 阅读

相关 Ajax ajax原生-xhr对象处理post请求

post请求提交的表单数据创建表单数据 var 变量=new FormData(); 给表单

左手的ㄟ右手/ 2021年07月24日 12:09/ 0 赞/ 615 阅读

相关 Ajax ajax原生-xhr对象处理get请求

前台: <html> <head> <meta charset="utf-8"> <title></title> <script

本是古典何须时尚/ 2021年07月24日 11:38/ 0 赞/ 645 阅读