zoukankan      html  css  js  c++  java
  • jquery 将2维数据逐条写入表格

    1.
    [esb@esbapp5 sbin]$ cat a1.sh
    echo 'aaaaaaaaaaaaa'
    ppplll
    echo 'bbbbbbbbbbbbbb'
    echo 'cccccccccccccc'
    echo 'dddddddddddddd'
    echo 'eeeeeeeeeeeeee'
    echo 'ffffffffffffff'
    echo 'gggggggggggggg'
    
    发布信息
    /app/esb/sbin/a1.sh: line 2: ppplll: command not found
    aaaaaaaaaaaaa
    bbbbbbbbbbbbbb
    cccccccccccccc
    dddddddddddddd
    eeeeeeeeeeeeee
    ffffffffffffff
    gggggggggggggg 
    
    
    [[u'/app/esb/sbin/a1.sh: line 2: ppplll: command not found
    '], [u'aaaaaaaaaaaaa
    ', u'bbbbbbbbbbbbbb
    ', u'cccccccccccccc
    ', u'dddddddddddddd
    ', u'eeeeeeeeeeeeee
    ', u'ffffffffffffff
    ', u'gggggggggggggg
    ']]
    <type 'list'>
    
    返回的是一个2位数组:
    
    
    $(function(){
          	var _env_select = $("select[name='application']");
    	var _ip_select = $("select[name='deployip']");
            var _machine_select = $("select[name='deploymachine']");
            var _deploypkg_select = $("select[name='deploypkg']");
    	var _sub_btn = $(".publish");
            var _qmgr_btn = $(".check");
            var _table = $("table.gridtable");
            getTemp("pro");
    	getdeploypkg("xx");
           	function getTemp(env){
    		var data = {};
    		var successfn = function(jdata){
    			var _HTML = "";
    			_env_select.html("");
    			$.each(jdata,function(i,val){
    				_HTML = _HTML + "<option value="+jdata[i][0]+">"+jdata[i][0]+"</option>";
    			});
    			_env_select.html(_HTML);
    		};
    		var errorfn = function(jdata){
    			alert("数据返回出错");
    		};
    		
    		$.ajax({
                type: "get",
                data: data,
                url: "/api/getdeployapp",
    			dataType: "json",
                success: function(d){
                    successfn(d);
                },
                error: function(e){
                    errorfn(e);
                }
            });
    	};
    	
    	
    	 	function getdeploypkg(env){
    		var data = {};
    		var successfn = function(jdata){
    			var _HTML = "";
    			_deploypkg_select.html("");
    			$.each(jdata,function(i,val){
    				_HTML = _HTML + "<option value="+jdata[i]+">"+jdata[i]+"</option>";
    			});
    			_deploypkg_select.html(_HTML);
    		};
    		var errorfn = function(jdata){
    			alert("数据返回出错");
    		};
    		
    		$.ajax({
                type: "get",
                data: data,
                url: "/api/listdeployfile",
    			dataType: "json",
                success: function(d){
                    successfn(d);
                },
                error: function(e){
                    errorfn(e);
                }
            });
    	};
    
    	Transaction = function(){
    		this.selectedIp = function(){
    			var data = {};
    			data.env = _env_select.val();
    			var successfn = function(jdata){
    				var _HTML = "";
    				_ip_select.html("");
    				$.each(jdata,function(i,val){
    					_HTML = _HTML + "<option value="+jdata[i][0]+">"+jdata[i][0]+"</option>";
    				});
    				_ip_select.html(_HTML);
    			};
    			var errorfn = function(jdata){
    				alert("数据返回出错");
    			};
    			
    			$.ajax({
    				type: "get",
    				data: data,
    				url: "/api/deployip",
    				dataType: "json",
    				success: function(d){
    					successfn(d);
    				},
    				error: function(e){
    					errorfn(e);
    				}
    			});
    		};
    		
    		this.selectMahine = function(){
    			var data = {};
    			data.env= _env_select.val();
    			data.ip = _ip_select.val();
    			var successfn = function(jdata){
    				var _HTML = "";
    				_machine_select.html("");
    				$.each(jdata,function(i,val){
    					_HTML = _HTML + "<option value="+jdata[i][0]+">"+jdata[i][0]+"</option>";
    				});
    				_machine_select.html(_HTML);
    			};
    			var errorfn = function(jdata){
    				alert("数据返回出错");
    			};
    			
    			$.ajax({
    				type: "get",
    				data: data,
    				url: "/api/deploymachine",
    				dataType: "json",
    				success: function(d){
    					successfn(d);
    				},
    				error: function(e){
    					errorfn(e);
    				}
    			});
    		};
    		
    	
    			
    	  };
    	var transactionGet1 = new Transaction();
    	transactionGet1.selectedIp();
    	_env_select.on('change',function(){
    		transactionGet1.selectedIp();
    	})
    	
    	
    	
    	var transactionGet2 = new Transaction();
    	transactionGet2.selectMahine();
    	_ip_select.on('change',function(){
    		transactionGet2.selectMahine();
    	})
    	
    	_sub_btn.on("click",function(){
    		var data = {};
    		data.name = _env_select.val();
    		/*data.desc = _select_ip.find("option:selected").text();*/
    		data.ipaddr = _ip_select.val()
                    data.deploypkg=_deploypkg_select.val()
                    data.deploymachine=_machine_select.val()
                    var successfn = function(jdata){
                   /*var jdata = eval(jdata);*/
                   $(".gridtable").empty();
                   var _HTML="<tr><td>发布信息</td></tr>";
                   for(var L1=0;L1<jdata.length;L1++){
                         var newArr = jdata[L1];
                         console.log(newArr);
                         for (var L2=0;L2<newArr.length;L2++){
    			  _HTML =_HTML +'<tr><td>'+ newArr[L2]+'</td></tr>'
                        };
    	          };
                    console.log(_HTML);
                    $(".gridtable").html(_HTML);
                    };
    		var errorfn = function(jdata){
    			alert("数据返回出错");
    		};
            $.ajax({
                type: "get",
                data: data,
                url: "/api/deploypublish",
                dataType: "json",
                success: function(d){
                      successfn(d);
                },
                error: function(e){
                    errorfn(e);
                }
            });
    	});
    	
    })

  • 相关阅读:
    CODING x 百果园 _ 水果零售龙头迈出 DevOps 体系建设第一步
    Nocalhost 亮相 CD Foundation 国内首届 Meetup,Keith Chan 将出席致辞
    做云原生时代标准化工具,实现高效云上研发工作流
    打造数字化软件工厂 —— 一站式 DevOps 平台全景解读
    WePack —— 助力企业渐进式 DevOps 转型
    CODING Compass —— 打造行云流水般的软件工厂
    Nocalhost —— 让云原生开发回归原始而又简单
    CODING 代码资产安全系列之 —— 构建全链路安全能力,守护代码资产安全
    Nocalhost:云原生开发新体验
    使用 Nocalhost 开发 Kubernetes 中的 APISIX Ingress Controller
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13349245.html
Copyright © 2011-2022 走看看