代码编织梦想

一、ajax请求发送

// 1. 创建 xhr 对象
let xhr = new XMLHttpRequest();
// 2. 配置 xhr 对象;
xhr.open( 请求方式 , 请求路径 , 是否启用异步 - 这个参数默认忽略)
// 3. 请求配置完成,发送请求; 
xhr.send( null );

二、ajax响应接收

let xhr = new XMLHttpRequest();
xhr.open( 请求方式 , 请求路径 , 是否启用异步 - 这个参数默认忽略)
xhr.send( null );
xhr.onload = function(){
    // 通过 xhr.reponseText 获取响应数据; 
    // console.log( xhr.responseText )
}

三、get请求

let xhr = new XMLHttpRequest();
xhr.open("GET" , "http://xxxxxxx?key1=value1&key2=value2" );
xhr.send();
xhr.onload = function(){
    if( xhr.status === 200 ){
        console.log( xhr.responseText );
    }
}

四、post请求

let xhr = new XMLHttpRequest();
xhr.open("POST" , "http://xxxxxx");
// 给POST请求添加请求头
xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
xhr.send(" key1=value1&key2=value2");
xhr.onload = function(){
    if( xhr.status === 200 ){
        console.log( xhr.responseText );
    }
}
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ssjjrr/article/details/127157714

js中ajax添加header中的token_warmlʌŋ的博客-爱代码爱编程

js中ajax添加header中的token getInterfaceData =function(){ var token = get_all_header(); token = eval('(' + token +

在js中ajax的执行顺序_回家养猫的博客-爱代码爱编程

 在js中使用ajax请求时需要注意,如果在ajax请求结束后需要继续js方法的操作,需要设置ajax属性 async 设置为 false,则所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。   async 默认为true: 即如果在js函数中先调用ajax函数再进行其他操作,如函数有返回值,

ajax需要引用什么js文件吗,如何在ajax调用中包含js文件?-爱代码爱编程

嘿,我找到了添加它的方法.... :) 注意 - 这是一个同步过程,所以你不必担心脚本是否加载....脚本将始终加载实例你调用该函数,你可以立即开始使用加载的脚本.. 让我们使用这两个功能 1)第一个是用于检索值的ajax函数 async应为true以同步发送请求 // AJAX FUNCTION function loadXMLDoc(r

如何在js中写ajax,js如何编写简单的ajax方法库-爱代码爱编程

本文实例为大家分享了js编写ajax方法库的具体代码,供大家参考,具体内容如下 具体代码 ~function(){ //ajax:实现ajax请求的公共方法;当一个方法传递的参数过多,而且还不固定,我们使用对象统一传值法(把需要传递的参数值都放在一个对象中,一起传递进去即可) function ajax(options){ //把需要使用的参

vue.js ajax怎么用,vue.js中ajax的使用-爱代码爱编程

vue.js中ajax的使用 内容精选 换一换 如果您希望使用第三方库文件,而当前系统中不存在该库,您可以通过上传,新增该JS/CSS库,并在页面中设计并使用该库,实现引入第三方库的功能。本节将介绍如何引入并使用第三方库的具体操作步骤。库是指在页面的设计中需要的依赖库,若缺少相应的依赖库,则页面中无法实现某些功能。例如页面需要具有地图选址功能,

JavaScript之Ajax(一篇入门Ajax就够了)-爱代码爱编程

一、概念 1.什么是Ajax Ajax(Asynchronous Javascript And XML),即是异步的JavaScript和XML,Ajax其实就是浏览器与服务器之间的一种异步通信方式 异步的JavaScript 它可以异步地向服务器发送请求,在等待响应的过程中,不会阻塞当前页面,在这种情况下,浏览器可以做自己的事情。直到成功获取响应

JavaScript 中使用Ajax进行网络post请求和get请求-爱代码爱编程

前言: 使用Ajax进行网络请求,默认是异步请求,而且不需要刷新页面,就可以发送请求,获取服务端返回来的数据。 一、Ajax的get请求 做一个实例来使用Ajax,点击button按钮后,在div中显示服务器返回来的response响应体内容,具体注释已经在代码中给出了 <!DOCTYPE html> <html lang="en"

JS中Ajax的方法和应用-爱代码爱编程

XMLHttpRequest对象 Ajax技术的核心是XMLHttpRequest对象(简称XHR),这是有微软率先引入的一个特性,其他浏览器提供商后来都提供了相同的实现。 但因为IE的兼容性问题,这里对低版本的IE兼容性不做过多的描述。 XMLHttpRequest是一个构造函数,现在已经被各大浏览器厂商所支持,IE的话事支持IE7以上,XMLHt

js中Ajax请求返回值问题-爱代码爱编程

因为前一段负责优化公司的js代码,其中有一些的代码涉及到js文件跨文件调用,当时遇到一个问题跨文件调用其他js文件的ajax时,取到的ajax返回值一直是undefined经过多方查证终于找到原因了,特此记录一下。 1.作用域问题 function checkAccount() { var url = window.locat