<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