Question

我有一个div，在div里面我有一个链接

<a href="#" onclick="Edit_popup();" >edit</a>

当我点击此链接时，整个页面都会刷新。但我只需要刷新这个div而不是整页。我称之为：

function Edit_popup(){
var criteria=prompt("Please enter id");
if (id=="Login" || id=="login")
   {
   $("#criteria").load("page2.html");
}

Answer 1

尝试

    <a href="#" onclick="Edit_popup(); return false;" >edit</a>

Answer 2

整个页面刷新的原因是因为您点击了链接，而链接的默认行为是将您发送到href。（如果您查看浏览器的地址行，您会发现该网址以/#结尾。）

防止这种情况的正确方法是将事件传递给函数

onclick="Edit_popup(e);"

然后停止事件（在这种情况下，点击的）默认行为：

function Edit_popup (e) {
    var criteria=prompt("Please enter id");

    e.preventDefault(); // this line cancels the link

    if (id=="Login" || id=="login") {
        $("#criteria").load("page2.html");
    }
}

Answer 3

您可以尝试在功能中使用e.preventDefault();，以便您可以执行任何操作，然后使用e.preventDefault();阻止浏览器对该链接执行默认操作。

请检查此链接，了解return false;和e.preventDefault(); return-false-and-prevent-default

之间的区别

需要刷新只有div而不是整页

3 个答案: