原生js实现ajax方法(超简单)

前端之家收集整理的这篇文章主要介绍了原生js实现ajax方法(超简单)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

上一篇文章写到原生js取代jquery的一些常用函数

方法

,那么,ajax如何实现呢?如下是一个比较完整的ajax()

function createxmlHttpRequest() {
if (window.ActiveXObject) {
return new ActiveXObject("Microsoft.XMLHTTP");
} else if (window.XMLHttpRequest) {
return new XMLHttpRequest();
}
}

function convertData(data){
if( typeof data === 'object' ){
var convertResult = "" ;
for(var c in data){
convertResult+= c + "=" + data[c] + "&";
}
convertResult=convertResult.substring(0,convertResult.length-1)
return convertResult;
}else{
return data;
}
}

使用格式跟jquery的ajax差不多:

PHP",dataType:"json",data:{"val1":"abc","val2":123,"val3":"456"},beforeSend:function(){ //some js code },success:function(msg){ console.log(msg) },error:function(){ console.log("error") } })

以上就是小编为大家带来的原生js实现ajax方法(超简单)的全部内容了,希望对大家有所帮助,多多支持编程之家~

原文链接:https://www.f2er.com/ajax/45708.html

猜你在找的Ajax相关文章