json+jquery显示加载内容出不来

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="/js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="/js/json.js"></script>
</head>
<body>
<div id="msg"></div>
</body>
</html>
$(document).ready(
function(){
var user = {"name":"张三","age":14,"wife":null};
alert($("#msg"));
$("#msg").append("姓名："+user.name+"<br>").
append("年龄："+user.age+"<br>").
append("配偶："+user.wife);
});

解决方案 »

  1.   

    如下代码，是可以的啊<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    </head>
    <body>
    <div id="msg"></div>
    <script type="text/javascript">
    $(document).ready(
        function(){
            var user = {"name":"张三","age":14,"wife":null};
            alert($("#msg"));
            $("#msg").append("姓名："+user.name+"<br>").
            append("年龄："+user.age+"<br>").
            append("配偶："+user.wife);
    });
    </script>
    </body>
    </html>
      

  2.   

    楼主的代码看着是没问题，
    <script type="text/javascript" src="/js/json.js"></script> 这个里面有什么东西，有没有报脚本错误？
    按照1楼的  是没问题的。
      

  3.   


    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <title>无标题文档</title>
    </head><body>
    <div id="msg"></div>
    <script type="text/javascript">
    jQuery(function($){
    var user = {"name":"张三","age":14,"wife":null}; var chm="姓名："+user.name+"<br>"
    +"年龄："+user.age+"<br>"
             +"配偶："+user.wife;
    $('#msg').append(chm);
    });
    </script>
    </body>
    </html>