现在的项目中都在用vue 以及react 等mvc, mvvm 框架。 丢弃了原始的jq 。不可能为了个$.ajax();而把jq引进来吧。
在vue1的开发中 提供了 vueresouce, vue2 出来后明确提出了不在更新vueresouce 而提供axios 的方法。
在react 的开发中提供fetch 封装的方法。等等。但在工作与后台的交互中基本都是form表单的形式。于是自己封装了个
post,get,delete 的请求方式。当然根据不同的公司,不同的方式。都可以自己扩展。目前这个只是针对自己所在公司而已。
function api(url,opt,methods) { return new promise(function(resove,reject){ methods = methods || 'post'; var xmlhttp = null; if (xmlhttprequest) { xmlhttp = new xmlhttprequest(); } else { xmlhttp = new activexobject('microsoft.xmlhttp'); }; var params = []; for (var key in opt){ if(!!opt[key] || opt[key] === 0){ params.push(key + '=' + opt[key]); } }; var postdata = params.join('&'); if (methods.touppercase() === 'post') { xmlhttp.open('post', url, true); xmlhttp.setrequestheader('content-type', 'application/x-www-form-urlencoded;charset=utf-8'); xmlhttp.send(postdata); }else if (methods.touppercase() === 'get') { xmlhttp.open('get', url + '?' + postdata, true); xmlhttp.send(null); }else if(methods.touppercase() === 'delete'){ xmlhttp.open('delete', url + '?' + postdata, true); xmlhttp.send(null); } xmlhttp.onreadystatechange = function () { if (xmlhttp.readystate == 4 && xmlhttp.status == 200) { resove(json.parse(xmlhttp.responsetext)); } }; }); } export default api;
以上这篇原生js 封装get ,post, delete 请求的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持移动技术网。
如对本文有疑问, 点击进行留言回复!!
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json?Protocol Buffer?FlatBuffers?
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
网友评论