ajax

ajax是什么呢?他就是异步的javascript,用js写个完整的ajax代码并不是很多,它是能够在不刷新页面的情况下,让网页局部数据更新的数据

1. 创建对象

var xhr = new XMLHttpRequest();

2. 发送请求

第一个参数:get和post两种方式
第二个参数:请求的文件路径
第三个参数:true 异步; false 同步

xhr.open("GET","hot.json",true);

3.等待响应

xhr.readyState 有以下值:
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪

1. responseText 字符串格式的数据(json)
2.JSON.parse(request.responseText) json格式的数据
3. eval函数 JSON的字符串解析成JSON数据格式
注意:eval格式:eval("("+this.responseText+")") 需要拼接"()";
由于json数据的格式是”{}”,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式

每次网络请求的状态都会调用这个方法。
xhr.onreadystatechange = function(){
        console.log(this.readyState);
    }
// onload请求完成后执行的函数
xhr.onload = function(){
        console.log(this.responseText);
        console.log(JSON.parse(this.responseText));
        console.log(eval("("+this.responseText+")"));
    }

最后:ajax请求数据是不支持跨域的,他请求的地址必须与自身页面的协议、主机名、端口号都相同,才能请求成功,所以要是想跨域请求可以使用iframe,script标签等其他的方式来实现

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 8,675评论 0 7
  • Ajax 模块也是经常会用到的模块,Ajax 模块中包含了 jsonp 的现实,和 XMLHttpRequest ...
    对角另一面阅读 3,715评论 0 1
  • Ajax的基本概念及使用 同步&异步 同步:必须等待前面的任务完成,才能继续后面的任务; 异步:不受当前主要任务的...
    magic_pill阅读 6,009评论 0 5
  • Ajax 什么是ajax AJAX即“Asynchronous JavaScript and XML”(异步的Ja...
    恰皮阅读 9,550评论 5 48
  • Ajax的XML 1.请求的数据格式-XML 客户端如何构建XML格式的数据 构建的数据类型 - 字符串类型 字符...
    50153465fcd8阅读 5,051评论 1 6

友情链接更多精彩内容