ajax要写在函数里,原生JS写Ajax的请求函数功能

原生JS写Ajax的请求函数功能

发表于 2020-4-21|标签javascript

一般我们写网页的时候，如果用到 Ajax 请求服务器，都是使用 JQuery 等已经封装好的库来调用，比较简单。但是一般这些库的功能很多，引入了太多我们用不到的东西，如果我们需要写一个功能单一，简单的页面，完全用不到引用如此庞大的库文件。我们可以简单实现一个自己的 Ajax 请求功能，具体的代码如下：

```javascript

var ajax = {};

ajax.x = function () {

if (typeof XMLHttpRequest !== 'undefined') {

return new XMLHttpRequest();

}

var versions = [

"MSXML2.XmlHttp.6.0",

"MSXML2.XmlHttp.5.0",

"MSXML2.XmlHttp.4.0",

"MSXML2.XmlHttp.3.0",

"MSXML2.XmlHttp.2.0",

"Microsoft.XmlHttp"

];

var xhr;

for (var i = 0; i = 200 && status 使用方法： GET

```javascript

ajax.get('/test.php', {foo: 'bar'}, function(response,xml) {

//success

},

function(status){

//fail

});

POST

ajax.post('/test.php', {foo: 'bar'}, function(response,xml) {

//succcess

},function(status){

//fail

});

```

这里需要注意一个问题，如果我们想要发送类似

```javascript

var sendCmd = "?op_code=" + code + "&op_cmd=" + cmd;

ajax.post('/control' + sendCmd,'',function(response,xml) {

console.log('success');

},

function(status){

console.log('failed:' + status);

});

```