下面小编就为大家带来一篇原生射流研究…实现创建交互式、快速动态网页应用的网页开发技术方法(超简单)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

上一篇文章写到原生射流研究…取代jquery的一些常用函数：原生js仿jquery一些常用方法,那么，ajax如何实现呢？如下是一个比较完整的ajax()

函数ajax(){

var ajaxData={

类型：参数[0]。键入|| '获取'，

网址：参数[0]。url || ' '，

异步：参数[0]。async || 'true '，

数据：参数[0]。数据||空，

数据类型：参数[0]。数据类型|| '文本',

内容类型：参数[0]。内容类型| | ' application/x-www-form-urlencoded '，

发送前：参数[0]。beforeSend || function(){}，

成功：参数[0]。成功|| function(){}，

错误：参数[0]。错误||函数(){}

}

ajaxData.beforeSend()

var xhr=createxmlHttpRequest()；

xhr。响应类型=Ajax数据。数据类型；

xhr.open(ajaxData.type，ajaxData.url，Ajax数据。异步)；

xhr。setrequestheader(' Content-Type '，Ajax数据。内容类型)；

xhr。发送(转换数据(Ajax数据。数据))；

xhr。onreadystatechange=function(){

if (xhr.readyState==4) {

if(xhr.status==200){

ajaxData.success(xhr.response)

}否则{

ajaxData.error()

}

}

}

}

函数createxmlHttpRequest() {

如果(窗口ActiveXObject) {

返回新的ActiveXObject('Microsoft .XMLHTTP’)；

} else if(窗口XMLHttpRequest) {

返回新的XMLHttpRequest()；

}

}

函数转换数据(数据){

如果(数据类型==='对象'){

var convert result=

对于(数据中的变量c){

convert result=c '=' data[c]' '；

}

转换结果=转换结果。substring(0，convertResult.length-1)

返回转换结果

}否则{

返回数据；

}

}

使用格式跟jquery的创建交互式、快速动态网页应用的网页开发技术差不多：

ajax({

类型：' POST '，

网址：“Ajax。PHP”，

数据类型：' json '，

数据：{'val1':'abc '，' val2':123，' val3':'456'}，

发送前：函数(){

//一些射流研究…代码

},

成功：函数(消息){

console.log(消息)

},

错误：函数(){

console.log("错误")

}

})

以上就是小编为大家带来的原生射流研究…实现创建交互式、快速动态网页应用的网页开发技术方法(超简单)的全部内容了，希望对大家有所帮助，多多支持我们~

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。