首页 > 其他分享 >ajax-Xhr

ajax-Xhr

时间:2022-10-27 18:13:15浏览次数:40  
标签:调用 xhr send Xhr ajax open

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script src="/jQuery三天学习/jquery-3.5.1/jquery-3.5.1/jquery-3.5.1.js"></script>
    <script>
      //1.创建 XHR 对象
      var xhr = new XMLHttpRequest();
      //2.调用open 函数
      xhr.open("GET", "http://localhost:8080/select");
      //3.调用send 函数
      xhr.send();
      //4.监听 onreadystatechage事件
      xhr.opreadystatechage = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
          console.log(xhr.responseText);
        }
      };
    </script>
  </body>
</html>

 

标签:调用,xhr,send,Xhr,ajax,open
From: https://www.cnblogs.com/ZhuAo/p/16833221.html

相关文章

  • Ajax异步请求、异步提交
    网页中点击提交的时候,发送请求,同时,整个页面刷新,但是在看视频,点赞的时候,不能刷新页面重头看,所以用上Ajax技术,只刷新一小部分内容,减少服务器压力和实现需求。 它需要和j......
  • JQuery ajax上传多个文件 java
    HTML<divid="divImg"><inputtype="file"class="file"name="file"multiple="multiple"id="file"/><buttontype="button"onclick="uploadFile()">上传</......
  • Ajax学习
    一、AjaxAjax的全称是AsynchronousJavascriptAndXML(异步Javascript和XML)。通俗理解:在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式,就是Ajax。ajax通......
  • 访问静态资源和处理Ajax请求的数据
    如何访问静态资源1.在配置文件中设置​springmvc.xml文件中加入<mvc:annotation-driven></mvc:annotation-driven><!--**配置解释:**将静态资源(图片,css,js,h......
  • 爬取js渲染或ajax加密的网页(万能方法)
    requests库Requests是Python的第三方库,它的安装非常简便,如下所示:python-mpipinstallrequestsRequests库是在urllib的基础上开发而来,它使用Python语言编写,并......
  • ajax中的一个beforeSend属性
    ajax中跟success,url等同级别的属性(函数).当ajax向后台发送请求之前,会自动执行本函数;该函数的返回值能够决定ajax是否真正向后台发送请求:如果该函数返回true,则ajax会......
  • AJAX入门
    AJAX入门概念:AJAX:异步的JavaScript和XMLAJAX的作用:与服务器进行数据交换:通过AJAX可以给服务器发送请求,并获取服务器响应数据使用了AJAX和服务器进行通信,就可以使用HTM......
  • element ui + ajax上传文件
    HTML<el-uploaddrag:auto-upload="false":file-list="fileList":before-remove="beforeRemove":on-change="han......
  • Ajax环境搭建
    #Ajax服务环境搭建###1.首先下载安装**node**###2.随便在哪新建文件夹,重命名为server(命名随便,我习惯),打开这个文件夹,按住**shift**键,右击选择**在此处打开Powers......
  • 彻底搞懂Ajax,Promise,Axios
    一、ajaxAJAX:异步JavaScript和XML,用来发送异步请求。有了Ajax之后,在无需重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。 Ajax是基于现有的Int......