ajax数据返回进行遍历的实例讲解

后台返回的数据:

{"receiveList":[{"receive_dept_id":"1007873","receive_dept_desc":"区公司领导","guid":"2016112316042622494230","receive_platform_id":"001"},{"receive_dept_id":"1007876","receive_dept_desc":"主任","guid":"2016112316042626240391","receive_platform_id":"001"}]}

其实仔细分析返回的格式,很简单,就是一个Map,里面放了一个List,List里面有各种参数。

前端页面的请求

$.ajax({

url:"/moduleAuthen/default.do?method=loadAllReceive",

dataType:"json", //返回的数据是json 格式

data:$("#fom1").serialize, //提交id为form1的所有参数

success:function(data){

var json =data.receiveList;

//第一种方式的遍历

 for(var index in json){

 //其实index 就是个索引

 var guid =json[index].guid;

 var receive_dept_desc =json[index].receive_dept_desc;

}

//还有一种jquery 方式的遍历,效果其实是一样的,拿到后台返回我们的数据,我们就可以进行各种操作了。

$.each(json,index){

 var guid =json[index].guid;

 var receive_dept_desc =json[index].receive_dept_desc;

}

}

})

{ "compress":[
<#if d_live??>
<#-- 参数:int pageNo -->
<#assign page = request.getParameter("page")!"null">
<#assign page = request.getParameter("page")!"null">
<#if page!="null" && page!="">
<#assign page = page?number>
<#else>
<#assign page=1>
</#if>
<#-- 参数:int pageSize-->
<#assign pagesize = request.getParameter("pagesize")!"null">
<#if pagesize!="null" && pagesize!="">
<#assign pagesize = pagesize?number>
<#else>
<#assign pagesize=10>
</#if>
<#if d_live.getLiveInfoList( page,pagesize,"3")??>
<#assign pagedContent = d_live.getLiveInfoList( page,pagesize,"3")!"null">
<#if pagedContent.getContent()??>
<#assign LiveInfo = pagedContent.getContent()!"null"> <#-- LiveInfo数据源 -->
<#if LiveInfo??>
<#list LiveInfo as liveInfo>
     <#assign liveId = liveInfo.getLiveId()!"null">
     <#assign liveInfoUrl = d_live.getLiveInfo("${liveId}")!"null">
     <#assign liveUrl = liveInfoUrl.getPlayUrl()!"null"> <#-- 直播链接地址 -->
      {"liveId":"${liveId}","liveUrl":"${liveUrl}"}
<#if liveInfo_has_next>
,
</#if>
</#list>
</#if>
</#if>
</#if>
 </#if>
 ]
}

/*异步数据*/
var liveId= $("#liveId").val();
var asyurl="http://wap.cmread.com/rbc/t/liveindex.jsp?vt=9"+"&ol=560395";
alert("异步请求之前");
setTimeout(function(){
 alert("进入定时器,还没有异步");
$.ajax({
url:asyurl,
type:"POST",
dataType:"json",
success: function(data){
  alert("异步获取数据成功");
 //var data = eval('('+data+')');
 compress = data.compress;
  for(var i=0;i<compress.length;i++){
  alert("进入for循环");
  var asyliveId=compress[i].liveId;
  if(asyliveId==liveId){
   alert("匹配相同");
  var liveUrl=compress[i].liveUrl;
  $("#live").find("source").attr("src",liveUrl);
  }
  }
  alert("执行第一次支部请求,改变地址是"+$("#live").find("source").attr("src")); 

 },error:function(){
 console.log("error");
 }
});

},3000);

以上这篇ajax数据返回进行遍历的实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • Ajax获取数据然后显示在页面的实现方法

    主要功能流程介绍 循环获取列表数据 点击列表数据进入详情页 点击报名参加弹出报名成功提示框 点击提示框中的确定按钮,跳回列表页 代码实现流程和解说 一.列表页 1.访问链接list.php时判断是pc端还是客户端 $user_agent_arr = mall_get_user_agent_arr(); if(MALL_UA_IS_PC == 1) { //****************** pc版 ****************** include_once './list-pc.php';

  • jQuery ajax json 数据的遍历代码

    先给大家说下我的需求:进行ajax请求后,后台传递回来以下json数据. 具体实现代码如下所示: JavaScript代码 { "data":[ {"id":"1","name":"选择A","value":"A"}, {"id":"2","name":"选择B","value&

  • 如何将ajax请求返回的Json格式数据循环输出成table形式

    首先,Ajax请求数据,(用的是Jquery的Ajax) 复制代码 代码如下: <script> $(function(){ $('#test').click(function(){ $.ajax({ url:'__APP__/Article/jsonTest', type:'post', success:function(data){ var item; $.each(data,function(i,result){ item = "<tr><td>&quo

  • Ajax返回的json遍历取值并显示到前台的方法

    使用$.each(data,function(i,n){}); 可以用n.字段,取到想要的值. $.ajax({ type: 'post', url: '/XXX', dataType: 'json', success:function(data){ var item; $.each(data,function(i,result){ item= "<tr><td>"+result['name']+"</td><td>"

  • ajax数据返回进行遍历的实例讲解

    后台返回的数据: {"receiveList":[{"receive_dept_id":"1007873","receive_dept_desc":"区公司领导","guid":"2016112316042622494230","receive_platform_id":"001"},{"receive_dept_id

  • AJAX跨域请求数据的四种方法(实例讲解)

    由于浏览器的同源策略 ajax请求不可以接收到请求响应回来的数据 请求数据需要调用浏览器的内置构造函数 XMLHttpRequest() 进行 实例对象 var xhr = new XMLHttpRequest(); 注意点 在IE8之前支持的 ActiveXobject("Microsoft.XMLHTTP");  记住要进行兼容处理哦  在这里我就不写了 通过该对象进行获取 获取数据的四种状态  xhr.readyState 该属性保存着请求数据的几种状态 1.xhr.open(请

  • JS设计模式之数据访问对象模式的实例讲解

    引言 HTML5 提供了两种在客户端存储数据的新方法:localStorage.sessionStorage,他们是Web Storage API 提供的两种存储机制,区别在于前者属于永久性存储,而后者是局限于当前窗口的数据传递,存储在其中的数据会在当前会话结束时被删除.localStorage.sessionStorage的具体内容在这里就不多做介绍了,我们主要探讨一下在实际开发中怎样合理使用他们. 问题 大部分网站会将一些数据(如:用户Token)存储在前端,用来实现页面间的传值,对于一些大

  • 使用SpringMVC返回json字符串的实例讲解

    最近开始接触SpringMVC这个框架,这个框架使用起来很方便,框架搭起来之后,写起代码几乎都是一个模式.当然要走到这一步必须保证你的SpringMVC的相关配置都已经完成,并且配置正确! 作为我的关于S平ringMVC的首篇博客,本篇博客主要说名如何配置SpringMVC,并且可以使之正常的返回Bean实体,这里的bean实体一般返回到前端都是以Json字符串的形式返回的. 使用的开发工具为eclipse,这个也是比较大众化的开发工具了,算的上是人人都会使用的了,只是熟练程度不一样! 具体的配

  • vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解

    vue中,我们所要实现的一个场景就是: 1.搜索页面==>到搜索结果页时,搜索结果页面要重新获取数据, 2.搜索结果页面==>点击进入详情页==>从详情页返回列表页时,要保存上次已经加载的数据和自动还原上次的浏览位置. 最近在项目中遇到这个问题,思考了几套方案,总是不太完善.百度搜到的方案也基本都只能满足一些很简单的需求.对于复杂一些的情况,还是有些不完善的地方.以下是个人对于这种场景的一个摸索,也参考了百度.如有更好的方案,欢迎指出. 缓存组件,vue2中提供了keep-alive.首

  • MongoDB单表数据的导出和恢复实例讲解

    MongoDB 是一个跨平台的,面向文档的数据库,提供高性能,高可用性和可扩展性方便. MongoDB 工作在收集和文件的概念. 数据库 数据库是一个物理容器集合.每个数据库都有自己的一套文件系统上的文件.一个单一的MongoDB服务器通常有多个数据库. 集合 集合是一组MongoDB的文档.它相当于一个RDBMS表.收集存在于一个单一的数据库.集合不执行模式.集合内的文档可以有不同的领域.通常情况下,一个集合中的所有文件是相同或相关的目的. 文档 文档是一组键 - 值对.文件动态模式.动态模式

  • PHP二维关联数组的遍历方式(实例讲解)

    采用foreach循环对二维索引数组进行遍历,相对来讲速度更快,效率更高,foreach循环是PHP中专门用来循环数组的. 实例也相对简单,多加练习,想清楚程序运行逻辑即可. <?php $arr = array(//定义外层数组 "北京负责人"=>array(1,'高某','A公司','北京市','(010)987654321','gm@Linux.com'),//子数组1 "上海负责人"=>array(2,'洛某','B公司','上海市','(

  • list的4种遍历方式(实例讲解)

    废话不多说,直接上代码: import java.util.ArrayList; import java.util.Iterator; import java.util.List; import com.hbut.domain.Person; public class TestList { /** * * List 代表一个元素有序.且可重复的集合,集合中的每个元素都有其对应的顺序索引 * List 允许使用重复元素,可以通过索引来访问指定位置的集合元素. * List 默认按元素的添加顺序设置

  • PyTorch读取Cifar数据集并显示图片的实例讲解

    首先了解一下需要的几个类所在的package from torchvision import transforms, datasets as ds from torch.utils.data import DataLoader import matplotlib.pyplot as plt import numpy as np #transform = transforms.Compose是把一系列图片操作组合起来,比如减去像素均值等. #DataLoader读入的数据类型是PIL.Image

  • python 读取.csv文件数据到数组(矩阵)的实例讲解

    利用numpy库 (缺点:有缺失值就无法读取) 读: import numpy my_matrix = numpy.loadtxt(open("1.csv","rb"),delimiter=",",skiprows=0) 写: numpy.savetxt('2.csv', my_matrix, delimiter = ',') 可能遇到的问题: SyntaxError: (unicode error) 'unicodeescape' codec

随机推荐