如何使用ajax和jquery更新特定的div

我在现场工作，那里有一个铁轨。想想 gmail 框架。就像 gmail 应用程序一样，我只想在单击导航栏上的链接时更新内部 div。我已经得到了它，所以 div 发生了变化，但它肯定没有给我我所希望的结果。这是我所拥有的的一个粗略轮廓

<div id=container>
   <div id=page>
      ... some child divs in here
   </div></div>

因为容器有一个固定的滚动条，我不希望它改变，我只想替换页面 div。这是我在 jquery 方面设法想出的方法。我只是一个初学者，所以我真的不知道自己在做什么，但我正在努力学习。

$(document).ready(function () {
    $.ajaxSetup ({
        cache: false
    });
    var ajax_load = "<img src='bin/pics/loading.gif' alt='loading…' width='32px' height='32px' style='top: 250px; left: 250px;' />";
    var loadUrl = "bin/ajax/load.html";
    $("#mybuton").click(function(){
        $("#page").load(loadUrl);
        location.hash = 'ajax';
    });
});

加载 html 包含这个

<link rel="stylesheet" type="text/css" href="bin/main.css" />
<div id="page">
    <div id="child">
        <h1> sometitle </h1>
    </div>
</div>

有什么建议么？

这是 Jquery ajax 链接http://api.jquery.com/jQuery.ajax/

例如代码：

ajax_control = jQuery.ajax({
    url: "target.php",
    type: "POST",
    data: {variable_name: variable_value}
});
ajax_control.always(function(){
    $('#content').html(ajax_control.responseText);
});

通过将调用分配给变量（上例中的“ajax_control”），您可以随时中止，方法是：

ajax_control.abort();

http://api.jquery.com/jQuery.post/http://api.jquery.com/jQuery.get/