Ajax的数据发送与接收(jQuery)

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);
    }
posted @ 2017-07-27 11:01  backkom_jiu  阅读(401)  评论(0编辑  收藏  举报