在<a href...=""> link</a>中使用javaScript加载HTML

Question

我是编程世界的新手，目前只知道HTML，CSS，Java和大约一周的JavaScript课程。我的任务是创建一个具有所有这些特定要求的网站。我完成了我的骨架HTML和CSS，我只是在这里和那里添加了javaScript。

我的网站有一个主标题徽标区域和左右列，包含新闻源，链接，日历等等。目前我在这些领域有大约8页具有相同内容。中心专栏就是这一切。

我想这样做，以便在点击链接（a href="...）时，它会将javaScript函数（其中包含.innerHTML="..";）加载到我的centerColumn div标记中。因此，如果我想更新右列或左列，我不必在每个页面上更改它。

我没有开始使用.innerHTML这是我目前唯一知道的事情。如果有更好的方法，或者你可以导入一个完整的.html文件。

我尝试过许多不同的事情但无济于事。任何帮助或建议都会很棒！谢谢

Answer 1

我建议你可以使用ajax，jquery或javascript。 Jquery比javascript容易得多。我觉得$ .ajax很容易使用。

$.ajax({
        type:"POST",
        url:"linktoyourajaxpage.php",
        data:{data:val1,data2:val2},
        cache:false,
        success:function(html){
            $("#resultdiv").html(html);

        }



    }); 

其中resultdiv是您希望结果出现的div。