我與一些腳本玩,在這裏使用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