jquery ajax 页面刷新
当我点击添加按钮,执行click方法后,还是会刷新页面执行$().ready方法,大家帮我看看这是怎么回事,谢谢了$().ready(function(){$.ajax(...
当我点击添加按钮,执行click方法后,还是会刷新页面执行$().ready方法,大家帮我看看这是怎么回事,谢谢了
$().ready(function() {
$.ajax({
url: "http://localhost:1058/Beijing/wpg/curriculum.xml",
cache:false,
dataType: "xml",
global:false,
success: function(xml) {
var district_name, level_name, class_base_name;
$(xml).find("district").each(function() {
$("#district").append("<option>" + $(this).attr("name") + "</option>");
});
$(xml).find("district[name='" + $(xml).find("district:first").attr("name") + "']>level").each(function() {
$("#level").append("<option>" + $(this).attr("name") + "</option>");
});
$(xml).find("district[name='" + $(xml).find("district:first").attr("name") + "']>level[name='" + $(xml).find("level:first").attr("name") + "']>class_base").each(function() {
$("#class_base").append("<option>" + $(this).attr("name") + "</option>");
});
$(xml).find("district[name='" + $(xml).find("district:first").attr("name") + "']>level[name='" + $(xml).find("level:first").attr("name") + "']>class_base[name='" + $(xml).find("class_base:first").attr("name") + "']>class").each(function() {
$("#_class").append("<option>" + $(this).attr("name") + "</option>");
});
obj = $(xml).find("district[name='" + $("#district").val() + "']>level[name='" + $("#level").val() + "']>class_base[name='" + $("#class_base").val() + "']>class[name='" + $("#_class").val() + "']")
bind_class_text(obj);
}
});
$("#_class_name_add").click(function() {
$("#bgc").val(setclassbgc());
$.ajax({
url: "curriculum.ashx",
dataType: "text",
type: "POST",
data: ({ hours: $("#hours").val(), starttime: $("#starttime").val(), price: $("#price").val(), apply: $("#apply").val(), curriculum: $("#curriculum").val(), bgc: $("#bgc").val(), _class_name: $("#_class_name").val(), district: $("#district").val(), class_base: $("#class_base").val(), level: $("#level").val(), action: "add", lay: "_class" })
});
});
});
如果要自己return false的话,那jquery 的ajax太傻了吧,而且他的官方教程里也没有提到这个,兄弟还有别的什么原因吗,谢谢银月木木白的回答 展开
$().ready(function() {
$.ajax({
url: "http://localhost:1058/Beijing/wpg/curriculum.xml",
cache:false,
dataType: "xml",
global:false,
success: function(xml) {
var district_name, level_name, class_base_name;
$(xml).find("district").each(function() {
$("#district").append("<option>" + $(this).attr("name") + "</option>");
});
$(xml).find("district[name='" + $(xml).find("district:first").attr("name") + "']>level").each(function() {
$("#level").append("<option>" + $(this).attr("name") + "</option>");
});
$(xml).find("district[name='" + $(xml).find("district:first").attr("name") + "']>level[name='" + $(xml).find("level:first").attr("name") + "']>class_base").each(function() {
$("#class_base").append("<option>" + $(this).attr("name") + "</option>");
});
$(xml).find("district[name='" + $(xml).find("district:first").attr("name") + "']>level[name='" + $(xml).find("level:first").attr("name") + "']>class_base[name='" + $(xml).find("class_base:first").attr("name") + "']>class").each(function() {
$("#_class").append("<option>" + $(this).attr("name") + "</option>");
});
obj = $(xml).find("district[name='" + $("#district").val() + "']>level[name='" + $("#level").val() + "']>class_base[name='" + $("#class_base").val() + "']>class[name='" + $("#_class").val() + "']")
bind_class_text(obj);
}
});
$("#_class_name_add").click(function() {
$("#bgc").val(setclassbgc());
$.ajax({
url: "curriculum.ashx",
dataType: "text",
type: "POST",
data: ({ hours: $("#hours").val(), starttime: $("#starttime").val(), price: $("#price").val(), apply: $("#apply").val(), curriculum: $("#curriculum").val(), bgc: $("#bgc").val(), _class_name: $("#_class_name").val(), district: $("#district").val(), class_base: $("#class_base").val(), level: $("#level").val(), action: "add", lay: "_class" })
});
});
});
如果要自己return false的话,那jquery 的ajax太傻了吧,而且他的官方教程里也没有提到这个,兄弟还有别的什么原因吗,谢谢银月木木白的回答 展开
3个回答
展开全部
呵呵,你点击的a标签,当然要阻止他的默认行为了,楼下的方法,也可以;
也可以这样
$("#_class_name_add").click(function(e) {
e.preventDefault();
………………
}
也可以这样
$("#_class_name_add").click(function(e) {
e.preventDefault();
………………
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$("#_class_name_add").click(function() {
最后
return false;
最后
return false;
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
看到 JQUERY 的代码有点怕怕,感觉好乱
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询