jquey 遍历json

忘是亡心i 2023-10-16 19:38 49阅读 0赞

第一步：ajax请求后台数据，数据传递方式为：json

<script language="Javascript">
    $(document).ready(function(){
    
    		
       var json='{"platform":"2"}';
       //执行异步请求
        var url_ = 'http://202.103.124.70:8085/services/phoneDataInterface';
    	var param = '{"data":'+json+',"serviceCode":"TTP_PHONE_Q_BRAND"}';
    	
    	 var contents=JSON.stringify(param); 
         alert(contents);
    	$.ajax({
    	    type:'post', 	    
    	    url:url_,
    	    data:param,
    	    dataType:"json",	         	    
    	    success:function(data){	 
    	       //所有手机型号
    	    	$.each(data.result,function(id, rowData) {	    	
    	    	  //alert(id+":rowData.id="+rowData.id+",rowData.bandName="+rowData.bandName);
    	    	   $("#cs").append("<li style=\"float:; margin-top:3px;margin-left:10px;background: url(images/qx.png) no-repeat;\"><a href=\"#\" class=\"\" οnclick=\"aa(" + rowData.id + ");\">" + rowData.bandName + "</a></li>");  
    	    	 });
    	    	
    	   },
    	   error:function(XmlHttpRequest,textStatus, errorThrown){
    	       alert("删除失败"+XmlHttpRequest.responseText);
    	       alert("相关信息"+XMLHttpRequest.readyState);
    	       alert("相关信息1"+XMLHttpRequest.status);	      
    	       alert("响应状态"+textStatus);
    	       alert("异常信息"+errorThrown);
    	   }	   
    	});

第二步：根据返回的结果data.result.开始执行json数组结果的遍历代码：

//所有手机型号
    	    	$.each(data.result,function(id, rowData) {	    	
    	    	  //alert(id+":rowData.id="+rowData.id+",rowData.bandName="+rowData.bandName);
    	    	   $("#cs").append("<li style=\"float:; margin-top:3px;margin-left:10px;background: url(images/qx.png) no-repeat;\"><a href=\"#\" class=\"\" οnclick=\"aa(" + rowData.id + ");\">" + rowData.bandName + "</a></li>");  
    	    	 });

注意：这里面包含动态生成html标签。

效果展示：

![Center][]

[Center]: https://img-blog.csdn.net/20140221150148468?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhvdXpoaXdlbmdhbmc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

发表评论取消回复

表情：

评论列表（有 0 条评论，49人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquey 遍历json

第一步：ajax请求后台数据，数据传递方式为：json <script language="Javascript"> $(document).ready(fu

忘是亡心i/ 2023年10月16日 19:38/ 0 赞/ 50 阅读

相关 vue v-for遍历json

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

朴灿烈づ我的快乐病毒、/ 2023年10月01日 09:31/ 0 赞/ 15 阅读

相关 java遍历json数据_Java 如何遍历JsonObject对象

方法： iterator iter = jsoninfo.entryset().iterator(); 代码示例： public class test \{ publi

墨蓝/ 2022年10月23日 12:58/ 0 赞/ 391 阅读

相关 jq遍历json/数组

$(function() { //jq遍历json/数组 var json =[{code:"101",val:"11

àì夳堔傛蜴生んèń/ 2022年09月29日 11:58/ 0 赞/ 223 阅读

相关 jquery遍历解析json数组

var json = [{dd:'SB',AA:'毛毛',re1:123},{cc:'dd',lk:'123'}]; for(var i=0,l=json.

深藏阁楼爱情的钟/ 2022年06月17日 03:15/ 0 赞/ 240 阅读

相关前端——JavaScript遍历Json

一般情况遍历Json的话一般都在异步请求回来之后，获得页面返回的数据，而这个数据的类型是Json 格式如下： var json = \[

水深无声/ 2022年05月11日 09:18/ 0 赞/ 248 阅读

相关 JS 循环遍历JSON数据

JSON数据如：\{"options":"\[\{/"text/":/"王家湾/",/"value/":/"9/"\},\{/"text/":/"李家湾/",/"valu

朱雀/ 2022年04月24日 04:14/ 0 赞/ 428 阅读

相关 $.each遍历json对象

查看一个简单的jQuery的例子来遍历一个JavaScript数组对象。 var json = \[ \{"id":"1","tagName":"apple"\}

╰+哭是因爲堅強的太久メ/ 2022年03月20日 20:01/ 0 赞/ 287 阅读

相关 json 数组遍历笔记。

var aa={ "age":"18", "name":"yy", "n

素颜马尾好姑娘i/ 2021年09月29日 17:26/ 0 赞/ 308 阅读

相关 json 遍历

let aa = [] let bb= {aaa: "460-00-593272-46",

忘是亡心i/ 2021年09月27日 16:28/ 0 赞/ 357 阅读