基本信息
源码名称:Jquery中Ajax进行无刷新新闻点评功能
源码大小:2.44KB
文件格式:.rar
开发语言:js
更新时间:2014-11-14
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在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);
})
}
})
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);
})
}
})