Как обновить определенный div с помощью ajax и jquery
Я работаю на сайте, и у него есть фрам. подумайте о фрейме Gmail. И так же, как и в приложении Gmail, я хочу, чтобы при нажатии на ссылки на панели навигации обновлялся только внутренний div. Я понял это, так что div изменился, но это, конечно, не дает мне результатов, на которые я надеюсь. это грубый набросок того, что у меня есть
<code><div id=container> <div id=page> ... some child divs in here </div></div> </code>
Поскольку контейнер имеет фиксированную полосу прокрутки, я не хочу, чтобы она менялась, я хочу только заменить div страницы. это то, что мне удалось придумать на стороне jquery. Я только начинающий, так что я действительно не знаю, что я делаю, но я пытаюсь учиться.
<code>$(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'; }); }); </code>
загрузочный HTML содержит это
<code><link rel="stylesheet" type="text/css" href="bin/main.css" /> <div id="page"> <div id="child"> <h1> sometitle </h1> </div> </div> </code>
Какие-либо предложения?