2010-12-13 68 views
2

我刚刚学习JQuery并在我的网站上成功地运行了几个脚本。直到我找到针对nitwits书籍的JQuery调用Ajax。我试图做到这一点很简单的脚本非常简单的Ajax问题

<div class="menu"> 
<script> 
$(function(){ 
$('div').load('mytext.txt'); 
}); 
</script> 

<div id="here"> </div> 
</div> 

我已经试过这在哪里JQuery的只是正常的网页,所以我知道我的链接到谷歌的作品。我已经尝试了一些像这样的小脚本,并且在任何情况下都无法让它们工作。 Mytext.txt与脚本在php文件位于同一目录中。为了使.load工作,你有必须使用一些魔法词吗?

我已经试过

$('div#here').load('mytext.txt'); 

无济于事。特别值得注意的是这是在一个codeigniter网站上,但这应该不重要,因为我独立于控制器调用ajax,并且像其他任何JQuery调用一样直接从视图中调用。

这应该是世界上最简单的东西。为什么我不能做任何事情来让.load工作? 谢谢

+0

你能从浏览器访问mytext.txt吗? – wajiw 2010-12-13 01:22:30

+0

我会尝试使用php include来获得它。 – Brad 2010-12-13 01:26:45

回答

1

这应该沿着你给的线来工作 - 在这里看到一个工作的jsfiddle:

我能想到的唯一的事情是检查文件的路径(也许它应该是/mytext.txt,即前面有斜线)。另外,你可以从浏览器中打开文件,即浏览到www.yoursite.com/mytext.txt

作为便笺,<script>标签通常应该在您的HTML中使用<head>元素。

+0

我现在试试 – Brad 2010-12-13 01:27:39

+0

由于codeigniter的文件约定,我无法直接访问该文件。我可以使用php调用它包括 – Brad 2010-12-13 02:18:40

+0

好吧,我通过移动我想包括在public_html目录中的所有方式的文件来实现它。我不得不但不得已,但会继续弄清楚为什么这很重要。感谢你们所有人,你们是伟大的人 – Brad 2010-12-13 02:26:54

2

尝试使用启用了Firebug的Firefox来运行您的页面;并观看NET/HTTP流量。

我的猜测是存在相对路径问题;但Firebug应该给你一些更多的细节,以了解mytext.txt被请求时的确切错误。

+0

我得到消息,$(功能没有定义,并且没有调用文件mytext.txt – Brad 2010-12-13 01:39:37

+0

@brad,你有没有正确包含jquery ??? – kobe 2010-12-13 01:46:32

+0

我正在使用我将添加一个链接到现场jquery – Brad 2010-12-13 01:48:34

1

下面的代码片段在我的Linux主机环境中正常工作。这两个文件(so.html和mytext.txt都位于文档根目录中)。我想知道是否不用脚本标记指定“type”属性会导致一些问题。你也想确定div选择器的资格:$('div#here')。load ...相对于$('div')。load ...

File =/so html的

<!DOCTYPE html> 
<html> 
<head> 
<title>Stackoverflow is Awesome</title> 
<script 
    type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> 
</script> 
</head> 
<body> 
<div class="menu"> 
    <div id="here"></div> 
</div> 
<script type="text/javascript"> 
    $(function(){ 
    $('div#here').load('mytext.txt'); 
    }); 
</script> 
</body> 
</html> 

文件= /mytext.txt

你好从mytext.txt !!!!!

+0

我相信代码是好的。不过,Chrome和FireFox的萤火虫告诉我文件无法找到。以及firefox告诉我$文档准备好没有定义。我将处理文件位置并将文件重命名为html文件。因为这是codigniter,我想我需要找到它在哪里寻找文件,因为我似乎没有拿起存在的文件 – Brad 2010-12-13 02:17:35