我正在现场工作,并且有电子相框。想想gmail框架。就像gmail应用程序一样,当我单击导航栏上的链接时,我只希望更新内部div。我已经了解了,因此div发生了变化,但是它肯定不会给我我想要的结果。这是我所拥有的粗略轮廓
<div id=container> <div id=page> ... some child divs in here </div></div>
因为容器具有固定的滚动条,所以我不想更改它,所以我只想替换page 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/