下面小编就为大家带来一篇原生射流研究…实现创建交互式、快速动态网页应用的网页开发技术方法(超简单)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
上一篇文章写到原生射流研究…取代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("错误")
}
})
以上就是小编为大家带来的原生射流研究…实现创建交互式、快速动态网页应用的网页开发技术方法(超简单)的全部内容了，希望对大家有所帮助，多多支持我们~
