<!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. redis-string类型命令
			
    一.APPEND key value 如果 key 已经存在,并且值为字符串,那么这个命令会把 value 追加到原来值(value)的结尾. 如果 key 不存在,那么它将首先创建一个空字符串的ke ...
    
			
    2. 
						
  2. C语言小游戏: 推箱子 支线(一)--1
			
    好家伙,考完试了 回顾一下2021 回顾一下某次的作业 妙啊 所以, 做一个推箱子小游戏 1.先去4399找一下关卡灵感 就它了 2.在百度上搜几篇推箱子, 参考其中的"■ ☆"图 ...
    
			
    3. 
						
  3. CF Workers反向代理并修改请求
			
    用于访问被墙的api请求 async function handleRequest(event) { const request = event.request const host = " ...
    
			
    4. 
						
  4. Shell第四章《正则表达式》
			
    一.前言 1.1.名词解释 正则表达式(regular expression, RE)是一种字符模式,用于在查找过程中匹配指定的字符.在大多数程序里,正则表达式都被置于两个正斜杠之间:例如/l[oO] ...
    
			
    5. 
						
  5. 【Android 逆向】动态调试AliCrackme_1
			
    1 试玩 apk # 安装APK到真机 adb install AliCrackme_1.apk 打开apk,投石问路,输入123试一下 2 将apk 拖入androidKiller,得到反编译的sm ...
    
			
    6. 
						
  6. linux下安装Elasticsearch(单机版和集群版)
			
    一.linux下安装Elasticsearch(单机) 1.软件下载 下载地址:https://www.elastic.co/cn/downloads/past-releases/elasticsea ...
    
			
    7. 
						
  7. 编写 bzt 脚本的正确姿势
			
    这是今年1月24日的旧文,发现没在这里发过,就搬运过来了. 声明 本文讨论的使用场景主要为使用已有的 jmx 脚本,并配合 json 对 jmx 脚本进行部分参数的动态修改. 只补充一些官方文档上没有 ...
    
			
    8. 
						
  8. Java SE 四大内部类
			
    内部类 1.成员内部类 调用成员内部类 //在外面的类的最后,写一个方法,调用成员内部类(创建对象,在访问) class Outer08{ class Inner08{ //成员内部类 public  ...
    
			
    9. 
						
  9. SQL注入篇——sqli-labs各关卡方法介绍|1-65
			
    主要是记下来了每关通过可以采用的注入方式,可能部分关卡的通关方式写的不全面,欢迎指出,具体的获取数据库信息请手动操作一下. 环境初始界面如下: sql注入流程语句: order by 3--+ #判断 ...
    
			
    10. 
						
  10. @EqualsAndHashCode(callSuper = false) 解释
			
    当我们的pojo使用@Data注解时,@Data默认包含的是:@EqualsAndHashCode(callSuper = false),但是我们的pojo有继承父类,我们可能需要重新定义这个注解为: ...
    
			
    11.