在页面加载的时候调用LoadAdvertise()方法,这个时候可以动态的设置HTML标签内容。当点击一条数据进行删除的时候并重新加载LoadAdvertise(),$("#list").html()内容变为空了,页面上删除的数据依然存在,但是数据个数是少了一条,是什么问题function LoadAdvertise() {
$.ajaxSettings.async = false;
$.ajaxSetup({
cache: false //设置成false将不会从浏览器缓存读取信息
});
$("#list").html("");
var table = "<thead><tr><th>广告名称</th><th>广告链接地址</th><th>发布时间</th><th>撤销时间</th><th>广告类型</th><th>负责人姓名</th><th>负责人工号</th><th>摆放位置</th></tr></thead>";
table += "<tbody>";
$.getJSON("/Web/Ashx/AjaxAdvertise.ashx", { type: "SelectAllAdv", random: Math.random() }, function (json) {
for (var i = 0; i < json.length; i++) {
var advtype = ""; var postion = "";
if (json[i].Adv_Type == 0) {
advtype = "图片广告";
}
else {
advtype = "文字广告";
}
if (json[i].Postion == 1) {
postion = "网页顶部";
}
else if (json[i].Postion == 2) {
postion = "网页中部";
}
else {
postion = "网页底部";
}
//发布时间
var _sdate = json[i].StartTime.split('(')[1].split(')')[0];
var sDate = new Date(parseInt(_sdate));
var _Sdate = sDate.format("yyyy-MM-dd");
//撤销时间
var _edate = json[i].EndTime.split('(')[1].split(')')[0];
var eDate = new Date(parseInt(_edate));
var _Edate = eDate.format("yyyy-MM-dd"); table += "<tr target='" + json[i].ID + "' onclick='row(" + json[i].ID + ");' rel='" + (i + 1) + "'><td>" + json[i].Adv_Name + "</td><td>" + json[i].Adv_URL + "</td><td>" + _Sdate + "</td><td>" + _Edate + "</td><td>" + advtype + "</td><td>" + json[i].Respons_Name + "</td><td>" + json[i].Respons_WorkNo + "</td><td>" + postion + "</td></tr>";
}
$("#lblCount").text(json.length);
});
table += "</tbody>";
$("#list").html(table);
alert($("#list").html());
}
删除方法: $("#Delete").click(function () {
if (confirm("确定删除吗?")) {
$.ajaxSettings.async = false; //取消异步读取
$.ajaxSetup({
cache: false //设置成false将不会从浏览器缓存读取信息
});
$.getJSON("/Web/Ashx/AjaxAdvertise.ashx", { type: "Delete", ID: target, random: Math.random() }, function (json) {
if (json == "1") {
alert("删除成功!");
LoadAdvertise();
}
else {
alert("删除失败!");
}
});
}
});
htmljavascript缓存jquery
$.ajaxSettings.async = false;
$.ajaxSetup({
cache: false //设置成false将不会从浏览器缓存读取信息
});
$("#list").html("");
var table = "<thead><tr><th>广告名称</th><th>广告链接地址</th><th>发布时间</th><th>撤销时间</th><th>广告类型</th><th>负责人姓名</th><th>负责人工号</th><th>摆放位置</th></tr></thead>";
table += "<tbody>";
$.getJSON("/Web/Ashx/AjaxAdvertise.ashx", { type: "SelectAllAdv", random: Math.random() }, function (json) {
for (var i = 0; i < json.length; i++) {
var advtype = ""; var postion = "";
if (json[i].Adv_Type == 0) {
advtype = "图片广告";
}
else {
advtype = "文字广告";
}
if (json[i].Postion == 1) {
postion = "网页顶部";
}
else if (json[i].Postion == 2) {
postion = "网页中部";
}
else {
postion = "网页底部";
}
//发布时间
var _sdate = json[i].StartTime.split('(')[1].split(')')[0];
var sDate = new Date(parseInt(_sdate));
var _Sdate = sDate.format("yyyy-MM-dd");
//撤销时间
var _edate = json[i].EndTime.split('(')[1].split(')')[0];
var eDate = new Date(parseInt(_edate));
var _Edate = eDate.format("yyyy-MM-dd"); table += "<tr target='" + json[i].ID + "' onclick='row(" + json[i].ID + ");' rel='" + (i + 1) + "'><td>" + json[i].Adv_Name + "</td><td>" + json[i].Adv_URL + "</td><td>" + _Sdate + "</td><td>" + _Edate + "</td><td>" + advtype + "</td><td>" + json[i].Respons_Name + "</td><td>" + json[i].Respons_WorkNo + "</td><td>" + postion + "</td></tr>";
}
$("#lblCount").text(json.length);
});
table += "</tbody>";
$("#list").html(table);
alert($("#list").html());
}
删除方法: $("#Delete").click(function () {
if (confirm("确定删除吗?")) {
$.ajaxSettings.async = false; //取消异步读取
$.ajaxSetup({
cache: false //设置成false将不会从浏览器缓存读取信息
});
$.getJSON("/Web/Ashx/AjaxAdvertise.ashx", { type: "Delete", ID: target, random: Math.random() }, function (json) {
if (json == "1") {
alert("删除成功!");
LoadAdvertise();
}
else {
alert("删除失败!");
}
});
}
});
htmljavascript缓存jquery
你生成HTML方法可以,那就是你后台返回的数据问题了,你后下返回的JSON是不是你想要的