我对 Ajax 和将内容动态加载到 div 感兴趣。我已经使用 jQuery 几个月了,但我对 Ajax 还很陌生。我在网上找到了这个可下载的教程:here效果很好,但是当我下载它并在本地测试它时,内容不会动态加载。网页是否需要处于事件状态才能动态加载内容?如果这是真的,你如何测试ajax?我已经使用 XAMPP 动态加载 PHP 内容,但没有尝试过 Ajax。 下面是用于加载内容的简单 jquery:
$(document).ready(function(){
$('a').click(function(e){
e.preventDefault();
$("#dynamic").load($(this).attr('href'));
});
});
任何引导我走向正确方向的想法都会有所帮助。谢谢!
最佳答案
对于 ajax 请求,您必须在 Web 服务器的上下文中运行页面,如本问题所述:"Cross origin requests are only supported for HTTP." error when loading a local file 。如果您从原始帖子下载示例并尝试从文件系统在浏览器中打开 index.html 页面,您应该在 JavaScript 控制台中看到如下错误:
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
所以,是的,要回答您原来的问题,该页面必须是“实时”的,因为它托管在网络服务器中。您可以通过在开发计算机上运行本地 Web 服务器并使用它来提供页面来进行测试。
关于Jquery/AJAX 动态加载内容未本地加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28726434/