安静
PHP技术博客

100126 jquery 之 ajax+json+php 数据刷新

Jquery 代码

//创建 ajax 函数
function showDate(){
//jquery ajax 对象引用
$.ajax({

//传输方式
type: “POST”,

//地址 [添加js 以后 可以解决部分 ajax 跨域问题]
url: “http://222.215.136.13/fortw001/db_crond/cache/user_marrylog.js“,
//可加参数
data: “”,
//返回数据类型
dataType: “json”,
//超时时间
timeout: 5000,
//错误调用函数
error:function(){
alert(“查询超时!”);
},
//成功调用函数  msg 是个 json 数组 通过定义 返回数据类型 能直接获得一个 js 对象 通过循环 取出数据
success: function(msg){
var len = msg.length;
var htmlval=””;

for(var j=0;j<len;j++){

htmlval += “<font color=’#66FF00′><strong>”+msg[j].username+”(“+msg[j].nuserid+”)</strong></font>和<font color=’#66FF00′><strong>”+msg[j].benusername+”(“+msg[j].benuserid+”)</strong></font>于”+msg[j].time+”喜结连理,恭喜!恭喜!<br>”;

}
//获取id 为p 的 文档对象  插入 html
$(“#p”).html(htmlval);

}
});

}

// html加载文成以后 调用一个定时执行功能   重复执行

$(“document”).ready(function(){
setInterval(showDate,1000);
});

PHP 代码

$arr[]=array(“nuserid”=>”4003″,”username”=>”白痴”,”benuserid”=>”411003″,”benusername”=>”白痴白痴2″,”time”=>’2010-01-23′);
$arr[]=array(“nuserid”=>”4003″,”username”=>”白痴”,”benuserid”=>”411003″,”benusername”=>”白痴白痴2″,”time”=>’2010-01-23′);
$arr[]=array(“nuserid”=>”4003″,”username”=>”白痴”,”benuserid”=>”411003″,”benusername”=>”白痴白痴2″,”time”=>’2010-01-23′);
echo json_encode($arr);

最终生成的json数组:

[{“nuserid”:”4003″,”username”:”\u767d\u75f4″,”benuserid”:”411003″,”benusername”:”\u767d\u75f4\u767d\u75f42″,”time”:”2010-01-23″},{“nuserid”:”4003″,”username”:”\u767d\u75f4″,”benuserid”:”411003″,”benusername”:”\u767d\u75f4\u767d\u75f42″,”time”:”2010-01-23″},{“nuserid”:”4003″,”username”:”\u767d\u75f4″,”benuserid”:”411003″,”benusername”:”\u767d\u75f4\u767d\u75f42″,”time”:”2010-01-23″}]

赞(0) 打赏
未经允许不得转载:AJ's Blog » 100126 jquery 之 ajax+json+php 数据刷新
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏