Ajax加载功能不能在html中工作

-2

我试图通过将该文件放在Web服务器（xampp服务器）上开始工作，直接脱机运行该文件而不是Web服务器。

我想加载另一个html文件中的html数据位使用ajax加载html文件，但它不工作。以及那是愚蠢的我:-P

<div id="css_change"></div><br /> 


<div id="menu_"><a href="calla.html">Opt 1</a> <a href="sunflowers.html">Opt 2</a> <a href="iris.html">Opt 3</a> <a href="alstromeria.html">Opt 4 </a></div> 
<br /> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script> 


$(document).ready(function(e) { 

var $flowers = $('#menu_'); 

$('#menu_').find('a').on('click', function(e){ 
    e.preventDefault(); 

    var $desc = $('#css_change'); 

    switch($(this).attr('href')) { 
     case 'calla.html' : 
      $desc.load('text/lilies.html'); 
      break; 
     case 'sunflowers.html' : 
      $desc.load('text/sunflower.html'); 
      break; 
     case 'iris.html' : 
      $desc.load('text/irises.html'); 
      break; 
     case 'alstromeria.html' : 
      $desc.load('text/peruvian.html'); 
      break; 
    } 
}); 


}); 
</script> 
</body> 
</html>

而且还我想preventDefault();功能无法正常工作。

我想使用ajax从一个文档加载到另一个HTML位。请帮忙。

来源

2014-06-09 Mahan Pilankar

从哪个Web服务器运行此？ Jquery负载只能在web服务器上工作。有时您可能会将您的文件作为本地网页进行测试。 –

作为本地网页使用 –

JavaScript实际运行吗？什么部分不能准确地工作？运行时在控制台中看到什么？ – epascarello

-1

我固定使用代码“#menu_一个”，而不是直接找到，并返回false而不是e.preventDefault。

入住这

$(document).ready(function() { 

    var $flowers = $('#menu_'); 

    $('#menu_ a').on('click', function(){ 

     var $desc = $('#css_change'); 

     switch($(this).attr('href')) { 
      case 'calla.html' : 
       $desc.load('text/lilies.html'); 
      break; 
      case 'sunflowers.html' : 
       $desc.load('text/sunflower.html'); 
      break; 
      case 'iris.html' : 
       $desc.load('text/irises.html'); 
      break; 
      case 'alstromeria.html' : 
       $desc.load('text/peruvian.html'); 
      break; 
     } 

    return false; 

    }); 

});

来源

2014-06-09 12:34:45 hutchbat

Nop。不工作。还是一样。当我点击该链接时，它会将我转发到该HTML页面。但它应该在给定的div标签中加载html数据。 –

嗯..它适用于我http://jsfiddle.net/s7FY7/，你有任何其他的JavaScript在你的网页？ – hutchbat

nop ..页面中没有任何其他脚本 –

使用 http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js 为$定义。

没有http可能会导致问题。 e.preventDefault（）防止默认值

来源

2014-06-09 13:03:08 SuperOV

''''是有效的。唯一的问题是如果文件加载了文件协议。 – epascarello

我试过.. thanx但仍然是一样的。它显示调试面板XMLHttpRequest中的这个错误无法加载file：/// C：/Users/administrator/Desktop/web%20page/text/sunflower.html。收到无效回复。因此不允许原产地'null'访问。 –

我得到了解决方案。我在线预览这些文件。现在尝试了每件事情之后。我只是把所有的文件移动到一个Web服务器上，然后试了一下。它开始工作的瓦腊拉。比任何人为你的努力。

ohh是的一些变化确实帮了我。 thanx @SuperOV for

http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js for $ define.

工作。

来源

2014-06-10 11:54:40

Ajax加载功能不能在html中工作

回答

相关问题