微信公众号之全局计时器的案例

最新推荐文章于 2022-08-04 00:09:37 发布

编程微刊

最新推荐文章于 2022-08-04 00:09:37 发布

阅读量610

点赞数

本文链接：https://blog.csdn.net/qq_38822390/article/details/90606841

版权

图片.png

#####需求一：index.html里面的数据从后台获取并渲染在前端页面
代码：

//index.html页面JS代码如下
//判断openid是否已经获取
     if(sessionStorage.getItem("openid") == null){
   	   //获取用户的openId
   	   $.ajax({
   		  url : "getOpenId.action",
   			dataType : "json",
   			type : "get",
   			data : "code="+GetQueryString("code"),
   			success : function(data){
   				//保存openid
   				if(data != '')
   				sessionStorage.setItem("openid",data);	
   				//根据openid查询sa车辆
   				getCars(data);
   			}
   	  })
     }else{
   	  getCars(sessionStorage.getItem("openid"))
     }

 //获取登记车辆
     function getCars(openid){
   	   $.ajax({
   			url : "getCars.action",
   			dataType : "json",
   			type : "get",
   			data : "openid="+openid,
   			success : function(data){
   				if(data == -1){
   					$("#flag").val("1");
   					return;
   				};
   				if (data.length > 0) {
   					var laver = "";
   					for (var i = 0; i < data.length; i++) {
   						laver += '<li>';
   						laver += '<div  class="imgpanel"><a href="server.html?carNum='+data[i].carNum+'&beacon='+data[i].beacon+'">';
   						if(data[i].isCommit == 2){
   							laver += '<img src="img/bmw_red.png" class="am-img-responsive" />';
   						}else if(data[i].isCommit == 1){
   							laver += '<img src="img/bmw.png" class="am-img-responsive" />';
   						}else{
   							laver += '<img src="img/bmw_grey.png" class="am-img-responsive" />';
   						}
   						
   						laver += '</a></div>';
   						laver += '<a href="server.html?carNum='+data[i].carNum+'&beac