这是一个关于Ajax+php的demo,使用了php的系统函数json_encode
Ajax是JQuery的,功能是实现AJax添加,当添加成功后,在table增加一行新的数据。js代码如下:
function add(){
var degree = $("#degree").val();
var status = $('#status').val()
$.ajax({
url:'admin.php/add',
data:{name:$('#name').val(),pass:$('#pass').val(),degree:degree,status:status},
type:'post',
dataType:'json',
success:function(json){
if(json['sta']=='ok'){
$("#dialog" ).dialog( "close" );
var tr = "<tr><td>"+json['name']+"</td><td>"+json['time']+"</td><td>"+degree+
"</td><td></td><td></td><td>"+status+"</td><td></td></tr>"
$('.table').append(tr);
}
}
});
}
后台php数据输出(简化输出)代码如下
public function add(){
$list['sta'] = 'ok';
$list['name'] = '123';
echo json_encode($list);
}
成功。
说明:有个童鞋说json返回要eval()函数处理一下转化成Object对象,但是我在Ajax请求中加了dataType:‘json’, 说明期待返回的数据是json,而且php返回的数据就是json格式,故不用eval()函数也可以。