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

u010840652 2013-07-23 01:13:23

<%@ 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);

});

...全文

182 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

licip 2013-07-23

打赏
举报

可能是其它方面的原因，比如楼主所加入的js的文件的路径什么的。

街头小贩 2013-07-23

打赏
举报


<!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>

街头小贩 2013-07-23

打赏
举报

引用 2 楼 ILOVE_ASPNET 的回复:

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

你好好看看，楼主的代码怎么没问题

ILOVE_ASPNET 2013-07-23

打赏
举报

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

潮起潮落 2013-07-23

打赏
举报

如下代码，是可以的啊


<!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>