<form name="Form" method="post">
<table border="0px">
<tr><td>
<textarea id="content" name="content" style="height:40px;width:640px"></textarea>
</td></tr>
<tr><td align="right"><input type="button" value="发表评论" οnclick="addComment()"></td></tr>
</table>
</form>
javascript部分代码
function addComment()
{
var id = $("#avId").val();
var content = document.getElementById("content").value;
//alert(id);
var param = {
content:content
};
$.ajax({ //采用Ajax方法
type:"post", //post方式
dataType:"json", //返回数据类型是JSON数据格式
data:param, //传递给Action的参数是param
url:"comment.action?id="+id, //处理的Action名称
success:function(data){ //成功的处理函数
// alert(data);
var commentDiv = $("#middle_content_3");
$("#middle_content_2").hide();
commentDiv.text("");// 清空数据
$.each(data,function(commentIndex, comment) { //遍历返回数组的每一个实体
commentDiv.append('<br/>');
commentDiv.append(comment['username']);
commentDiv.append('<br/>');
commentDiv.append(comment['content']);
commentDiv.append('<br/>');
commentDiv.append(comment['createtime']);
commentDiv.append('<br/>');
})
commentDiv.show();
}
},"json");
}
action方法部分代码
List<Comment> list = new ArrayList<Comment>();
SimpleDateFormat sdf=new SimpleDateFormat("yyyy-MM-dd HH:MM");
JSONArray jsarry=new JSONArray();
jsarry=JSONArray.fromObject(list);
result = jsarry ;
不知道是什么原因,Date属性的时间前端不能获取,故吧Date属性变成String类型返回。
代码需要的jar包参照http://blog.csdn.net/xiaoliouc/article/details/8231045