Ajax操作--原声JSAJAX操作
Ajax介绍:
Ajax的原理简单来说是在用户和服务器之间加了—个中间层(AJAX引擎),通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,然后用javascript来操作DOM而更新页面。使用户操作与服务器响应异步化。这其中最关键的一步就是从服务器获得请求数据
Ajax的过程只涉及JavaScript、XMLHttpRequest和DOM。
Ajax不是一个新技术
核心:操作XMLHttpRequest对象
ajax 有那些优缺点?
优点:
通过异步模式,提升了用户体验.
优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用.
Ajax在客户端运行,承担了一部分本来由服务器承担的工作,减少了大用户量下的服务器负载。
Ajax可以实现动态不刷新(局部刷新)
缺点:
安全问题 AJAX暴露了与服务器交互的细节。
对搜索引擎的支持比较弱。
不容易调试。
操作步骤:
/* 第一步:创建对象*/
var _http;//声明一个变量,存放XMLHttpRequest对象
//做兼容
if(window.XMLHttpRequest) {//w3c
_http = new XMLHttpRequest();
} else {//ie
_http = new ActiveXObject(“Microsoft.XMLHTTP”);
}
/* 第二步:打开接口的连接,并发送请求*/
_http.open(“get”, “http://datainfo.duapp.com/shopdata/getclass.php“);
//打开接口链接
_http.send();//发送请求
/*第三部:获取数据,DOM渲染到页面上*/
_http.onreadystatechange = function() {if(_http.readyState == 4 && _http.status == 200){var _content = _http.responseText;//接受数据console.log(_content);var _jsonArr = JSON.parse(_content);// 将字符串转换成JSON对象console.log(_jsonArr);for(var i = 0; i < _jsonArr.length; i++) {var _li = document.createElement("li");_li.textContent = _jsonArr[i].className;_ct.appendChild(_li);}}
}
Ajax操作--原声JSAJAX操作相关推荐
- 用什么方法操作才能一键去除原声同时添加一个新的音频?
在剪辑视频的时候想要删除视频的原声并且重新加上一个新的音频,应该怎么操作呢?今天小编就来教大家一个可以简单操作的方法,感兴趣的小伙伴们可以看过来哦! 1.大家打开浏览器,搜索一下"固乔科技& ...
- 以ajax请求方式进行文件下载操作失败的原因及解决方案
以ajax请求方式进行文件下载操作失败的原因及解决方案 参考文章: (1)以ajax请求方式进行文件下载操作失败的原因及解决方案 (2)https://www.cnblogs.com/sjshare/ ...
- php ajax操作数据库,php + ajax 实现的写入数据库操作简单示例
本文实例讲述了php+ ajax 实现的写入数据库操作.分享给大家供大家参考,具体如下: 这个是最简单的表单提交 延伸:后面有很多需要提交的信息 如何快速部署接口 此例子是移动端H5页面,使用的是z ...
- Java 原子类的操作 AtomicInteger
最近研究 Java 的并发包,了解到关于原子类的操作,这里将自己了解到的贴出来功能大家参考一下,有什么不足的地方还望大家指正,及时更新. AtomicInteger 是 Java 1.5 开始在 at ...
- 原声ajax发送post请求,原生JS实现ajax 发送post请求
1. [代码]原生JS实现ajax 发送post请求 var oStr = ''; var postData = {}; var oAjax = null; //post提交的数据 postData ...
- 默纳克刷机,默纳克刷协议,默纳克显示板 外呼板协议更改 烧录 默纳克各种软件各种刷机,含主板、轿顶板、外呼板刷机软件原程序、操作器刷机软件及协议一应俱全。
默纳克刷机,默纳克刷协议,默纳克显示板 外呼板协议更改 烧录 默纳克各种软件各种刷机,含主板.轿顶板.外呼板刷机软件原程序.操作器刷机软件及协议一应俱全
- 使用window.print()后,未关闭打印页面,原网页不能操作
使用window.print()后,未关闭打印页面,原网页不能操作,此时可以试着用window.location.reload()重新加载页面解决问题. 转载于:https://www.cnblogs ...
- 跟郎朗媳妇有得一拼的AI,只看弹琴动作,完美复现原声 | CVPR 2020
金磊 发自 凹非寺 量子位 报道 | 公众号 QbitAI 见识过「听歌识曲」,体验过看弹奏动作识曲吗? 就像最近的一档综艺节目中,郎朗比划了几个弹钢琴的动作,他媳妇(吉娜·爱丽丝)秒答:<柴可 ...
- AI技术重现的老北京原声影像又火了,网友:这口音太过真实
来源:机器之心 本文约1700字,建议阅读7分钟. "大谷的游戏创作小屋"又用AI修复了一段老北京影像,这次还带时代原声-- 剃头挑子.街边地摊.京韵大鼓,多数人可能只在电影.电视 ...
最新文章
- word如何书写数学公式
- 一个进程安全的日志类, Linux实现
- 区块链100讲:区块链中的随机数
- python为什么中文要encoding-python2.x 默认编码问题
- AES加密补位填充的一个问题
- User Mode Driver Management 介绍(二)
- Java124 0,AcWing 124. 数的进制转换java
- c语言设计四路彩灯显示系统,四路彩灯控制器设计方案.doc
- java完全数判断_java基础之完数判断
- 浏览器正确理解和使用GBK及UTF-8(UTF-8 + BOM)网页编码
- 基于微信小程序的二手交易平台源码
- 1988-2020年各省、分城乡基尼系数、基尼系数计算及相关经典文献、1978-2019年中国省市恩格尔系数表、泰尔指数计算模板、208个地级市和31个省、市城乡泰尔指数
- 模板方法 (宝,我输液了,输的想你的夜)
- 210所高校21届保研率曝光!这些211保研率堪比985!
- 伟大的数学思想家—黎曼
- 国家开放大学2021春1130卫生法学题目
- 2019年的学习计划
- Moses的安装、训练和优化
- DDOS压力测试平台源码
- MTP in Android详解
热门文章
- 8.C语言——位操作符与位移操作符
- 《酷玩》——畅玩游戏,尽享应用,探索无限可能!
- win7怎么连接不上宽带连接服务器未响应,win7宽带自动断开连接怎么办 win7宽带连接不上的快速解决方法...
- Raphael.js简易教程
- JS toFixed的使用误差,银行家算法(四舍六入五取偶)实现
- NY8B062D 九齐单片机之ADC(采样值不准的解决办法)
- ae合成设置快捷键_AE怎样用批处理加倍渲染速度,提高CPU利用率?
- 各路大神对于观测器的文章总结【持续更新】
- 开源 java CMS - FreeCMS2.6 自定义表单
- Github 开源:高效好用的对象间属性拷贝工具 升讯威 Mapper:( Sheng.Mapper)