web前端开发技术 pdf |
前端开发技术文档 |
前端开发技术的未来走势 |
Ajax全称是Asynchronous Javascript And XML,可以说AJax是已有技术的组合,主要用来实现客户端与服务器端的异步通信效果,实现页面局部刷新,早期的浏览器并不能原生支持Ajax,可以使用隐藏帧(iframe)方式变相实现异步效果,后来浏览器提供了对Ajax的原生支持。
使用Ajax原生方式发送请求主要通过XMLHttpRequest(标准浏览器)ActiveXObject(IE浏览器)对象实现异步效果基本步骤:
var xhr = null; //创建对象
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest();
}else{
xhr = new ActiveXObject("Mivrosoft.XMLHTTP");
}
xhr.open("方式","地址","标志位"); //初始化请求
xhr.setRequestHeader( " "," " ); //设置http头信息
xhr.onreadystatechange = function(){
} //指定回调函数
xhr.send(); //发送请求
jquery,EXTJS等提供ajaxAPI对原生的ajax进行了封装,熟悉了基础理论,在运用到框架上就会得心应手些。
/***/
项目中常用传参方法示例:
创建自己的工具函数
var Util = {
ajax : function(url,callback){
var xhr = new XMLHttpTequest(); //创建xhr对象
xhr.onreadystatechange = function(){ //订阅事件
if(xhr.readyState === 4){
if(xhr.status ===200 ){
var data = JONS.parse(xhr.responseText); //后台返回的数据
callback && callback(data) //回调函数
} ;
}
}
xhr.open("get",url,true) //open方法 我这里只是举例是get 也可以是post
xhr.send(null); //send方法
}
}
Util.ajax(" 地址",function(data){
console.log(data) // 打印数据
});
web前端开发技术 说课 |
web前端开发技术知识体系 |
it前端技术开发论文 |
» 本文来自:前端开发者 » 《前端开发Ajax原理与是什么?如何创建一个Ajax》
» 本文链接地址:https://www.rokub.com/7893.html
» 您也可以订阅本站:https://www.rokub.com
评论前必须登录!
注册