如何在不重新加载的情况下更改页面内容

时间:2019-11-06 20:10:08

标签: javascript php jquery html ajax

我想知道当我单击带有PHP代码的HTML文件的任何链接时如何更改div的内容(例如:<div id="MyDiv"></div>)吗?

现在,我尝试这样做:

$(function(){
    $("a").on("click", function () {
        var href = $(this).attr('href');
        $("#MyDiv").load(href);
    });
});

但是它将替换整个页面的内容。

1 个答案:

答案 0 :(得分:1)

是的,我需要阻止默认操作,这将完成我想要的操作:

$(function(){
    $("a").on("click", function () {
        event.preventDefault();
        var href = $(this).attr('href');
        $("#MyDiv").load(href);
    });
});