基本信息
源码名称:Jquery中Ajax进行无刷新新闻点评功能
源码大小:2.44KB
文件格式:.rar
开发语言:js
更新时间:2014-11-14
   友情提示:(无需注册或充值,赞助后即可获取资源下载链接)

     嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300

本次赞助数额为: 2 元 
   源码介绍
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);
        })
    }
})