一聚教程网:一个值得你收藏的教程网站

热门教程

jquery ajax实例之ajax json数据的无刷新异步传输

时间:2022-11-14 22:03:19 编辑:袖梨 来源:一聚教程网

在自己的一个后台cms中,想在同一个页面用弹出遮罩层的方式来修改会员信息

获取UserID是个很大的问题

最后同事给的建议用$.ajax

代码如下 复制代码

$('p.editInfo>a').bind('click',function(){
$('#edit_uid').val($(this).attr("uid"));
//alert($(this).attr("uid"));
var uid= $(this).attr("uid");
//alert(vote_content);
$.ajax({
type: 'get',
dataType: 'json',
url: 'user_edit.php',
data: 'uid='+ uid,
success:function(json){
$('#username').val(json.username); ////赋值给相对应的josn值
$('#mid_1').val(json.mid);
$('#new_password').val(json.password);
$('#uid_edit').val(json.uid);
},
error:function(){}
});
});
});


用来接收的user_edit.php 就是正常的php sql语句
用到了json_encode函数(参考php-json_encode)

代码如下 复制代码

$uid = $_GET['uid'];
$query_admin_1 = $db->find("表 where uid= '$uid' ");
$row_admin_1 = $db->fetch_array($query_admin_1);
$userinfo = json_encode($row_admin_1);
echo $userinfo;


得到的$userinfo 为json数据存储格式

接收json数据的为标准的html表单

代码如下 复制代码






注意一点,其实ajax操作部份与其它的区别不大,只是在dataType: 'json'就可以了,然后我们再以json.mid这种形式访问内容,其实就像数组$a['a']这种形式了,json是一个返回的数组,mid是我们返回的id了。

热门栏目