Ajax中，执行成功却依然刷新本页面

木叶梦不死

于 2018-04-05 17:45:35 发布

阅读量349

点赞数

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/MyMBS/article/details/79827899

版权

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

在尝试使用Ajax进行删除操作时，虽然数据库记录成功删除，但页面仍然发生了刷新，导致Ajax的优势无法体现。问题根源在于HTML的<a>标签，当href属性为空时，点击会触发页面刷新。解决方案是将href属性设置为 '#' ，避免页面跳转，确保Ajax的无刷新特性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网页代码是这个<a href="" id="1">删除</a>

当我使用Ajax的时候

$("a").click(function(){

$.get("Servlet","opr=del",callBack);
});

function callBack(data){
$("#myDiv").append("12312313132123123");
if(data!="true"){
alert("删除失败！");
}else{
alert("删除成功！");
} }

但是，虽然查看数据库会删除成功，本页面却刷新了一下。

我们都知道，使用ajax就是为了让页面不刷新，如果刷新了，那么ajax就失去了意义。

后来检查了一下，原来是<a href="" id="1">删除</a>点击的时候，href中要写上东西，不然就相当于刷新本页面，所以，要写成这个<a href="#" id="1">删除</a>