使用ajax——ajax四部曲

1.创建异步对象

var xhr=new XMLHttpRequest();

2.创建请求

xhr.open(method,url,isAsyn);
xhr.open(“get”,“http://127.0.0.1:8080/login”,true);
method:请求的方法，注意，必须是字符串形式"get",“post”
url:请求的url，注意，必须是字符串形式
isAsyn:是否使用异步，boolean值，true/false

3.发送请求

xhr.send(formdata);
注意：get方法，没有formdata请求主体
所以在使用get方法时，这里的参数可以不填写，也可以写null

绑定监听，接收响应数据

xhr. readyState属性
用于表示xhr对象的请求状态，一共5个状态
0：请求尚未初始化
1：已经打开服务器连接，正在发送请求
2：已经开始接收响应头
3：接收响应主体
4：响应数据接收完毕

使用ajax——ajax四部曲相关推荐

javascript 创建ajax函数四部曲
开门见山简要的来写一个ajax函数,方便要用到ajax的时候来调用,下面附:获取 json 数据一个小实例,请在服务器下执行... 创建一个 ajax.js 文件把ajax函数代码放进去 //创建 ...
sweet+alert+ajax,Ajax相关
Ajax Ajax的特性可以实现异步提交与局部刷新. Ajax是一门js的技术基于原生js开发的,但是用原生的js写代码过于繁琐, 我们在学的时候只学如何用jQuery实现ajax. AJAX 最 ...
html同时执行多个ajax,Ajax方法详解以及多个Ajax并发执行
AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML).javascript 先来一段代码html $.ajax({ type: &q ...
jQuery ajax - ajax()
jQuery ajax - ajax() 方法 jQuery Ajax 参考手册实例通过 AJAX 加载一段文本: jQuery 代码: $(document).ready(function(){ ...
jQuery Ajax - ajax()方法，参数注释
jQuery Ajax - ajax()方法,参数注释 ajax(参数注释,解答): $.ajax({// type,请求方式type: "get", // url,地址,就是ac ...
JavaScript之Ajax-1 Ajax(Ajax原理、Ajax对象属性和方法)
一.Ajax原理 Ajax简介 - Asynchronous JavaScript And Xml 异步的 JavaScript 和 Xml - Ajax 是一种用来改善用户体验的技术,其实质是,使用 ...
Ajax 什么是Ajax? Ajax的基本语法
Ajax 什么是Ajax? AJAX(Asynchronous Javascript And XML)翻译成中文就是"异步Javascript和XML".即使用Javascript ...
AJAX工作原理及其优缺点 1.什么是AJAX? AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页
参考文章:https://www.cnblogs.com/SanMaoSpace/archive/2013/06/15/3137180.html AJAX工作原理及其优缺点 1.什么是AJAX? AJ ...
什么是Ajax?Ajax如何发送请求（详）
本篇来讲关于Ajax的内容,当然还有小伙伴可能不知道该怎么读 "Ajax",它读 "阿贾克斯" ,当然了读法可能因人而异,下面来进入正题,先来了解一下什么是Aj ...