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);
}