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 = "<div class='clsShow'>";
            $(data).find("Data").each(function (index, item) {
                strHTML = "<div class='ShowTitle'>" $(this).find("name").text() "<br></div>";
                strHTML = "<div class='ShowContent'>" $(this).find("content").text() "<br></div>";
                strHTML = "<div  class='ShowBottom'>" $(this).find("date").text() "<hr></div>";
            })
            strHTML = "</div>";
            $(".divContent").html(strHTML);
        })
    }
})