本文给大家分享一个自己写的基于原生js写ajax的请求函数功能,需要的朋友可以参考下
一般我们写网页的时候，如果用到 Ajax 请求服务器，都是使用 JQuery 等已经封装好的库来调用，比较简单。
但是一般这些库的功能很多，引入了太多我们用不到的东西，如果我们需要写一个功能单一，简单的页面，完全用不到引用如此庞大的库文件。
我们可以简单实现一个自己的 Ajax 请求功能，具体的代码如下：
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
ajax.get('/test.php', {foo: 'bar'}, function(response,xml) { //success},function(status){ //fail});POSTajax.post('/test.php', {foo: 'bar'}, function(response,xml) { //succcess},function(status){ //fail});
登录后复制
这里需要注意一个问题，如果我们想要发送类似
var sendCmd = "?op_code=" + code + "&op_cmd=" + cmd;ajax.post('/control' + sendCmd,'',function(response,xml) { console.log('success');},function(status){ console.log('failed:' + status);});登录后复制
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
ajax回调函数参数传递正确方法
关于Ajax的get和post请求的介绍
以上就是原生JS写Ajax的请求函数功能的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2747467.html
