<!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");


xhr.setRequestHeader(
        "Content-Type",
        "application/x-www-form-urlencoded"
         );


//3.调用send 函数

      xhr.send(·参数·);


      //4.监听 onreadystatechage事件

      xhr.opreadystatechage = function () {

        if (xhr.readyState === 4 && xhr.status === 200) {

          console.log(xhr.responseText);

        }

      };

    </script>

  </body>

</html>


												


											
ajax-Xhr的更多相关文章
	

    
						
  1. Ajax/XHR/HTTP/jQuery Ajax
		
    Ajax即通过XHR API使用js发起的异步网络请求,它不会导致页面刷新,因此是现代Web App的关键技术. HTTP协议是Web开发中最重要的网络协议,HTTP协议详细规定了请求和响应报文. 请 ...
    
		
    2. 
						
  2. ajax - xhr level2新特性 json等众多内容
		
    1. 今天的内容其实挺多的,我们慢慢来说.首先第一个是xhr的基本使用,什么是xhr? XMLHTTPRequest是浏览器提供的js对象,可以请求服务器上的数据资源,包括我们前面一直用的jq里面的三 ...
    
		
    3. 
						
  3. script ajax / XHR  / XMLHttpRequest
		
    s 利用XHR 调试发送form data表单数据,F5键刷新form表单URL ,http请求地址,获取token,提交. 如:http://pcp.cns*****.com/spcp-web/vm ...
    
		
    4. 
						
  4. Cocos2d-JS/Ajax用Protobuf与NodeJS/Java通信
		
    原文地址:http://www.iclojure.com/blog/articles/2016/04/29/cocos2d-js-ajax-protobuf-nodejs-java Google的Pr ...
    
		
    5. 
						
  5. Ajax学习重点总结
		
    1.什么是AJAX AJAX=Asynchronous JavaScript and XML(异步的JavaScript和XML). AJAX是在不重新加载整个页面的情况下,后台与服务器交换数据并更新 ...
    
		
    6. 
						
  6. 初探Ajax
		
    1.什么是Ajax Ajax是Asynchronous JavaScript and XML的缩写,这一技术能从服务器请求额外数据而无需卸载页面.传统的HTTP请求流程大概是这样的,浏览器向服务器发送 ...
    
		
    7. 
						
  7. Ajax初步理解
		
    最近在项目中经常会使用Ajax技术,用法上倒是熟练了,但是只知其然,不知其所以然,抽时间读了读JavaScript高级程序设计中关于Ajax的介绍有了些初步的理解,在此总结一下. 什么是Ajax Aj ...
    
		
    8. 
						
  8. jQuery:多个AJAX/JSON请求对应单个回调并行加载
		
    因为我们使用jQuery,这意味着需要调用 jQuery.getScript 和 jQuery.getJSON 函数. 我知道这些函数都是异步执行(asyncronously)并且会延迟一段时间返回, ...
    
		
    9. 
						
  9. 关于IE下AJAX的问题探讨
		
    今天JS练手的时候,想封装一个发送AJAX请求的对象,当然,是想要兼容全浏览器的.代码如下: var Ajax = { xhr: null, callback: null, XMLHttp: func ...
    
		
    10. 
						
  10. ajax的GET和POST请求
		
    GET和POST请求 GET请求时最常见的请求类型,用于向服务器查询信息,必要时可以将查询字符串参数放在URL尾部发送给服务器,如果参数有特殊字符必须正确编码.我们上面使用的例子都是使用GET请求,非 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. 【美国血统 American Heritage 题解】已知前序中序 求后序
			
    题目: 题目名称:美国血统 American Heritage 题目来源:美国血统 American Heritage ## 题目描述 农夫约翰非常认真地对待他的奶牛们的血统.然而他不是一个真正优秀的 ...
    
			
    2. 
						
  2. Math_Music
			
    查看代码 #REmoo的优化任务 #1.公式写在<formula_set>类中,统一管理 --- Finished 2022.8.15 12:39 #2.建立<sample_set& ...
    
			
    3. 
						
  3. 前端利器躬行记（8）——VSCode插件研发
			
    VSCode提供了丰富的 API,可以借助编辑器扩展许多定制功能. 本次研发了一款名为 Search Method 的插件,在此记录整个研发过程. 一.准备工作 1)安装环境 首先是全局安装 yo 和 ...
    
			
    4. 
						
  4. 《吐血整理》进阶系列教程-拿捏Fiddler抓包教程(15)-Fiddler弱网测试，知否知否，应是必知必会
			
    1.简介 现在这个时代已经属于流量时代,用户对于App或者小程序之类的操作界面的数据和交互的要求也越来越高.对于测试人员弱网测试也是需要考验自己专业技术能力的一种技能.一个合格的测试人员,需要额外关注 ...
    
			
    5. 
						
  5. Javascript之异步循环打印这道小题
			
    这道题,我相信很多前端从业者都知道,它本质上来说并不复杂,但是却可以有很深远的扩展,最终核心的主题其实就是异步的遍历,其中对于题目的初级解法,还涉及到一些作用域的知识.那么我们以最容易理解的解法入手, ...
    
			
    6. 
						
  6. DIN 66025标准下G Code基础代码释义
			
    基础/前提 XYZ指示常规的三个轴号,PQUVW为可以增加的五个轴,ABC为可以增加的旋转轴 实例 G0 快速定位(点位运动) G1 直线运动(插补) G2 顺时针圆弧运动(插补) G3 逆时针圆弧运 ...
    
			
    7. 
						
  7. 7个自定义定时任务并发送消息至邮箱或企业微信案例（crontab和at）
			
    前言 更好熟悉掌握at.crontab定时自定义任务用法. 实验at.crontab定时自定义任务运用场景案例. 作业.笔记需要. 定时计划任务相关命令及配置文件简要说明 at 工具 由包 at 提供 ...
    
			
    8. 
						
  8. SpringMVC前置复习以及扩展
			
    SpringMVC ssm:mybatis+Spring+SpringMVC javaSE javaweb 框架 理解的DAO层和Service层 先简单来讲下Dao层,和Service层的概念: S ...
    
			
    9. 
						
  9. 学习ASP.NET Core Blazor编程系列二——第一个Blazor应用程序（中）
			
    学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 四.创建一个Blazor应用程序 1. 第一种创 ...
    
			
    10. 
						
  10. Netty内存池的整体架构
			
    一.为什么要实现内存管理? Netty 作为底层网络通信框架,网络IO读写必定是非常频繁的操作,考虑到更高效的网络传输性能,堆外内存DirectByteBuffer必然是最合适的选择.堆外内存在 JV ...
    
			
    11.