ajax无刷新评论的思路,Jquery中Ajax进行无刷新新闻点评功能

【实例简介】Jquery中Ajax进行无刷新新闻点评功能

【实例截图】

【核心代码】$(function() {

//元素绑定全局ajaxStart事件

$("#divMsg").ajaxStart(function() {

$(this).show(); //显示元素

})

//元素绑定全局ajaxStop事件

$("#divMsg").ajaxStop(function() {

$(this).html("数据处理已完成。").hide();

})

//初始化点评数据

LoadData();

$("#Button1").click(function () {

var strname = encodeURI($("#txtName").val());

var strcontent = encodeURI($("#txtContent").val());

$.ajax({

url: "AddData.aspx",

dataType: "html",

data: { name: strname, content: strcontent },

success: function (data) {

alert(data);

LoadData();

$("#txtName").empty();

$("#Button1").empty();

}

})

})

function LoadData() {

$(".divTitle").empty();

$.get("CommentData.xml", function (data) {

var strHTML = "

";

$(data).find("Data").each(function (index, item) {

strHTML = "

" $(this).find("name").text() "

";

strHTML = "

" $(this).find("content").text() "

";

strHTML = "

" $(this).find("date").text() "

---

";

})

strHTML = "

";

$(".divContent").html(strHTML);

})

}

})