博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jq的ajax封装
阅读量:4306 次
发布时间:2019-06-06

本文共 1573 字,大约阅读时间需要 5 分钟。

在现如今插件横行的时代,在react,vue,angularjs火爆的今天,而我还在用jq的ajax接数据,总觉得自己跟不上时代的步伐。最近在慢慢的学习react和vue,但是这些老的东西还是保存一下,毕竟是自己的成长历程。

(假如地址是:http://haha/get/user)
function demoAjax(opt){
var isdefult=opt.isdefult||"need";//判断是否需要这个函数来判断,还是在页面请求回来的数据回来之后判断 $.ajax({
url:'http://haha/'+opt.url,//数据的接口的路径 dataType:'json', type: opt.type||"get",//请求的方式 默认是get data:opt.param||"",//请求的参数 默认是空 async:opt.async||true,//是否是异步,默认是异步 timeout: 10000, success: function(res) {
/*opt.isLoading==undefined&&app.loading('hide');*///判断是否需要加载函数  我的加载函数封装在一个对象里面执行  根据自己的项目来判断加载动画
if(isdefult=="need"){//判断是否需要这个函数来判断,还是在页面请求回来的数据回来之后判断
if(res.code==0){//根据自己的项目的返回来判断                     opt.successBack instanceof Function&&opt.successBack(res.data);//成功的函数,看自己项目传值                 }                 else{
console.log(res.msg) } } else {
opt.successBack instanceof Function&&opt.successBack(res); }
},
error: function(xhr, type, errorThrown){
console.log(JSON.stringify(xhr)); console.log(type); console.log(errorThrown); } }); } 看自己的喜欢。可以选择扩展到jquery上面去,也可以是一个函数。 使用方式: 简单的get请求:(假如地址是:http://hahahha/get/user)
demoAjax({
"url":"get/user", "successBack":funtion(){//成功之后的一些处理}
}) post请求:
demoAjax({
"url":"get/user", "type":"post", "param":{"user":"xg"} "successBack":funtion(){//成功之后的一些处理}
}) 其他的就看自己根据项目来进行改编了。
 
 

转载于:https://www.cnblogs.com/xianyuge/p/6738735.html

你可能感兴趣的文章
KVM安装
查看>>
haproxy
查看>>
oracle中 rownum与rowid的理
查看>>
Linux之RPM 软件管理程序
查看>>
.NET 面试题(2)
查看>>
(转)java内部类详解
查看>>
mysql+mybatis递归调用
查看>>
mongoDB的安装(一)
查看>>
Spring Boot:快速入门教程
查看>>
「BZOJ2879」[Noi2012]美食节
查看>>
谈项目需求
查看>>
C#判断字符串是否为数字字符串
查看>>
I/O模型
查看>>
Spring Data JPA初使用 *****重要********
查看>>
xenu工具介绍
查看>>
hdu 5730 Shell Necklace——多项式求逆+拆系数FFT
查看>>
python try 异常处理 史上最全
查看>>
poj3723Conscription
查看>>
判断listview是上滑还是下滑的方法
查看>>
转: Vim快捷键分类
查看>>