发送原生ajax请求的步骤

需要考虑下浏览器的兼容性

<script>/* ajax请求数据的步骤：1、创建ajax对象2、配置请求方式和请求地址以及是否异步请求3、浏览器向服务器发送请求4、服务器接受请求5、判断请求并响应数据6、服务器向浏览器返回数据7、浏览器渲染数据*/// 1、if (window.XMLHttpRequest) {var xhr = new XMLHttpRequest();console.log(xhr);console.log(xhr.constructor);} else {// IE6-var xhr = new ActiveXObject();}// 2、// open("请求的方式","请求的地址",是否异步)  ---后端人员给提供的// true 异步  false  同步   默认是异步xhr.open("GET", "ajax_info.txt", true);// 3、xhr.send();// 4、xhr.onreadystatechange = function () {console.log(xhr);console.log(xhr.readyState);//4console.log(xhr.status);//200// 5、if (xhr.readyState == 4 && xhr.status == 200) {// 6、console.log(xhr.response);// 7、document.getElementById("box").innerText = xhr.response;}}
</script>

发送原生ajax请求的步骤相关推荐

原生ajax请求及readyState的几种状态
原生ajax请求写法: var http = new XMLHttpRequest();http.open('get','./package.json');http.onreadystatechang ...
原生ajax请求的封装
原生ajax请求的封装原生ajax请求分为四步: 1.创建请求对象判断浏览器的兼容问题 ie浏览器:window.ActiveXObject 常用浏览器:window.XMLHttpRequest ...
什么是Ajax以及ajax请求的步骤
什么是Ajax以及ajax请求的步骤 1.Ajax是什么? Asynchronous JavaScript & XML.Ajax是web开发的一种技术. 2.Ajax请求的步骤 (1)创建`X ...
原生ajax请求时出现xhr.status==0及POST请求无响应问题
用原生ajax请求时发现xhr.status == 0,于是找了好久,竟然发现是绑定事件的元素不是我点击的元素.参考以下资源 AJAX问题之XMLHttpRequest status = 0 xhr. ...
理解ajax技术，封装原生 ajax请求
一.Ajax 概述 Ajax 是 Asynchronous Javascript And XML 的简写 Ajax是一门技术,并不是一门语言使用XHTML+CSS来标准化呈现使用XML和XSLT进 ...
jq中法可以发起ajax请求的方法有,js与jQuery终止正在发送的ajax请求的方法
本文实例讲述了js与jQuery终止正在发送的ajax请求的方法.分享给大家供大家参考,具体如下: 核心:调用XMLHttpRequest对象上的abort方法 jquery的ajax方法有自己的超时 ...
循环发ajax请求,在循环中发送jquery ajax请求
我在我的Web应用程序的Map中实现了"空间选择",它选择Streets的数量.选择后,我会为使用"选择处理程序"选择的所有街道获取唯一的街道标识.在循环中发送 ...
ajax请求的步骤,ajax请求的五个步骤
ajax请求的五个步骤第一步,创建XMLHttpRequest对象第二步,注册回调函数第三步,配置请求信息,open(),get 第四步,发送请求,post请求下,要传递的参数放这第五步,创建 ...
原生Ajax请求流程：同步请求、异步请求
Ajax 异步无刷新技术原生Ajax的实现流程得到XMLHttpRequest对象 - var xhr = new XMLHttpRequest(); 打开请求 - xhr.open(method ...

发送原生ajax请求的步骤

发送原生ajax请求的步骤相关推荐

最新文章

热门文章