我与一些脚本玩,在这里使用jQuery检索数据是我:从PHP文件
<!doctype html>
<html>
<head>
<title>Home page</title>
<link rel="shortcut icon" href="/images/favicon.ico" />
<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="/css/base.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/base/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/minified/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>
<script type="text/javascript">
function get() {
$.post('data.php',
function(output) {
$('#container').html(output).show();
});
</script>
</head>
<body>
<script>
$(function() {
$("#tabs").tabs();
});
</script>
<div class="demo">
<div id="tabs">
<ul>
<li><a href="#tabs-1">Статии</a></li>
<li><a href="#tabs-2">Коментари</a></li>
<li><a href="#tabs-3">Европа</a></li>
<li><a href="#tabs-4">Свят</a></li>
</ul>
<div id="tabs-1">
<a id="BB" onClick="get();">Тайният проект Бойко Борисов</a>
</div>
<div id="tabs-2">
<p>Защо се изкупува земя от северозападна България</p>
</div>
<div id="tabs-3">
<p>Бъдещето на Гърция</p>
</div>
<div id="tabs-4">
<p>Мястото на САЩ е политиката на ЕС</p>
</div>
</div>
<div id="container">
</div>
</body>
</html>
后来我想用data.php
文件从连接到数据库并提取数据那里,但现在我只想让它适用于存储在data.php
中的任何数据。
我使用这个脚本,其中我认为是主要的问题:
<script type="text/javascript">
function get() {
$.post('data.php',
function(output) {
$('#container').html(output).show();
});
</script>
,我想将数据放在<div id="container></div>
最后的想法是从菜单中加载链接集装箱div
,我试着这样做:
<div id="tabs-1">
<a id="BB" onClick="get();">Тайният проект Бойко Борисов</a>
在data.php
我只是一个echo "Hello world";
但诺斯当我点击链接时会显示。我想有超过1个问题,但任何帮助表示赞赏。
谢谢,勒龙。
你在控制台中看到任何错误...? – 2012-02-27 10:30:15
在控制台选项卡中带有萤火虫的FireFox中,您可以监控您的ajax请求。因此,您可以进一步调查问题出在哪里,例如:找到了php文件,这个php文件返回什么,我发送了什么参数。代码似乎是正确的。 – 2012-02-27 10:30:55
这是我使用JQuery的第一天,我很确定这个错误在某处,但我不确定它是语法,逻辑还是两者。我已经用纯AJAX完成了它工作,但我想用JQuery来做。 – Leron 2012-02-27 10:33:11