backkomjiu

Ajax

通过ajax获取数据,并通过eval将返回的数据进行对象化处理,然后根据each进行遍历输出

HTML页面

<a href="#" class="yy_check" onclick="javascript:isCha(<?php echo $val[\'device_id\'];?>);" >查</a> 

js代码

<script type="text/javascript">
			function isCha(obj){
				var dev_id = obj;//获取设备的id,并用ajax提交给后台
				 $.post("/admin.php/device/cha_ajax",
			    {
			        device_id:dev_id,
			    },
			    function(data){
			    	var dataObj= eval("("+data+")");//处理返回的数据
			    	var tdText = $(\'.tab2 tr .wide\');//获取相关td对象
			    	var i=0;//声明全局的变量
			    	tdText.html("");//清空
			    	$.each(dataObj,function(index,item)
			    	{	
			    			tdText[i].append(dataObj[index]);//追加文本数据
			    			i++;
			    	});
			    });
		}
		</script>

php处理页

public function cha_ajax(){
        $device_id = isset($_POST[\'device_id\']) ? 	htmlspecialchars($_POST[\'device_id\']) : \'\';//处理获取的数据
         
        $device = M(\'Device\');
         
        $device_info = $device
                     ->select()[0];
  //获取的字段应与td数组的下表相匹配,不然容易造成错位输出
     echo json_encode($device_info);
    }

分类:

技术点:

相关文章: