JSON进阶第一篇在PHP与javascript 中使用JSON(2)

来源：未知责任编辑：责任编辑发表时间:2015-01-01 13:15　点击:次

ASP PHP JSP JavaScript 网页设计 DIVCSS Ajax技术 HTML5

    ),
    "002" => array(
        "title"=>"PHP访问MySql数据库中级篇Smarty技术",
        "link"=>"http://www.2cto.com/kf/201112/115229.html"
    ),
    "003" => array(
        "title"=>"PHP访问MySql数据库高级篇AJAX技术",
        "link"=>"http://www.2cto.com/kf/201112/115230.html"
    ),
);

$tpl_article_json = json_encode($tpl_article_array);
$tpl = new Smarty();
$tpl->assign("article_array", $tpl_article_array);
$tpl->assign("article_json", $tpl_article_json);
$tpl->display("json1.html");
?>
2．json1.html
www.2cto.com
[html] view plaincopy
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>使用json</title>
<script type="text/javascript" src="../jquery-1.7.min.js"></script>
<script type="text/javascript" src="json2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    var g_jsonstr = JSON.parse('{$article_json}');//通过JSON.parse()解析JSON字符串
    $("div").mouseenter(function(){ //mouseenter mouseover
        var thisId = $(this).attr("id");
        var jsonid = thisId.substring(thisId.lastIndexOf("_") + 1, thisId.length);

        $("#article_link").css("position","absolute");
        $("#article_link").css("left","20px");
        $("#article_link").css("top",$(this).offset().top + $(this).height());

        $("#article_link").html("链接地址" + g_jsonstr[jsonid]['link']);
        $("#article_link").slideDown("fast");
        $(this).css("background-color","red");