基于jq的数据请求数据

最新推荐文章于 2023-08-17 22:43:46 发布

前端小问题

最新推荐文章于 2023-08-17 22:43:46 发布

阅读量515

点赞数

分类专栏：小功能文章标签： http https javascript jquery html5

本文链接：https://blog.csdn.net/weixin_43989837/article/details/103802125

版权

小功能专栏收录该内容

26 篇文章 0 订阅

订阅专栏

阿三大王

	<!--加载中动画-->
	<div class="loading">
		<img src="images/loading.gif"/>
	</div>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">

	// 对ajax的封装

// url:地址,type:是请求的类型，get或者post有特殊说明可修改,postData:发送的参数，这是一个对象。
//test是指请求成功时的回调函数
var urlService="";//这个是请求的域名
function $ajax(url,type,postData, test){
$.ajax({
type: type,
url: urlService+url,
data: postData,
dataType: ‘json’,
timeout:5000,
success: function(data){
$(".loading").css(“display”,“block”);
$(".loadMask").css(“display”,“block”);

      if(data.code == 01) {
        
         test(data); 
         closeLoading();
      
       }else if(data.code==-1) {
         islogin(data);
        
       } else {
         if(data.msg!='' ) { 
            $("#peixunjihua").empty();
         } else if(data.msg=='没有相关数据') {          
            return false;
         } else if(data.msg==''){
            
            return false;
         } else {
           alert('系统异常,请联系管理员');
         }
           closeLoading();
       }
    }
})

};
//加载中效果显示
function openLoading(){
$(".loading").css(“display”,“block”);
};
// 加载中效果隐藏
function closeLoading(){
setTimeout(function(){
$(".loading").css(“display”,“none”);
},500)
};
//使用示例
$ajax("/ITwoaccount/getCardexpend.do", “post”, postData, function(res) {
console.log(res);
var html = template(“list”, res);
document.getElementById(“allList”).innerHTML = html;
})