脚本宝典收集整理的这篇文章主要介绍了php – 更新页面上的数据而不刷新,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
对于这个问题,考虑this DEMO
您可以看到使用AJAX加载内容很容易通过jQuery完成:
$(function(){ // don't cache ajax or content won't be fresh $.ajaxSETUP ({ cache: false }); VAR ajax_load = "<img src='http://automobiles.honda.COM/images/current-offers/small-loading.gif' alt='loading...' />"; // load() functions var loadUrl = "http://fiddle.jshell.net/deborah/pkmvD/show/"; $("#loadbasic").click(function(){ $("#result").htML(ajax_load).load(loadUrl); }); // end });
尝试了解这是如何工作,然后尝试复制它.祝你好运.
您可以找到相应的教程HERE
更新
现在,以下事件启动ajax加载功能:
$("#loadbasic").click(function(){ $("#result").html(ajax_load).load(loadUrl); });
您也可以定期进行:How to fire AJAX request Periodically?
(function worker() { $.ajax({ url: 'ajax/test.html',success: function(data) { $('.result').html(data); },complete: function() { // Schedule the next request when the current one's complete setTimeout(worker,5000); } }); })();
我为你演示了这个实现HERE.在这个演示中,每2秒(setTimeout(worker,2000);)内容被更新.
您也可以立即加载数据:
$("#result").html(ajax_load).load(loadUrl);
其中有THIS相应的演示.
以上是脚本宝典为你收集整理的php – 更新页面上的数据而不刷新全部内容,希望文章能够帮你解决php – 更新页面上的数据而不刷新所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。