2012-02-27 42 views
0

我与一些脚本玩,在这里使用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个问题,但任何帮助表示赞赏。

谢谢,勒龙。

+1

你在控制台中看到任何错误...? – 2012-02-27 10:30:15

+0

在控制台选项卡中带有萤火虫的FireFox中,您可以监控您的ajax请求。因此,您可以进一步调查问题出在哪里,例如:找到了php文件,这个php文件返回什么,我发送了什么参数。代码似乎是正确的。 – 2012-02-27 10:30:55

+0

这是我使用JQuery的第一天,我很确定这个错误在某处,但我不确定它是语法,逻辑还是两者。我已经用纯AJAX完成了它工作,但我想用JQuery来做。 – Leron 2012-02-27 10:33:11

回答

2

你应该关闭get()函数的作用域。

function get() { 
      $.post('data.php', 
       function(output) { 
        $('#container').html(output).show(); 
      }); 
    } 

你刚刚忘记了大括号。


$。员额( “test.php的”,{名字: “约翰”,时间: “2:00”},功能(数据){});

你可以发送这样的发布数据。

你想选择标签或wannaa发送一些数据?

$('#BB').click(function() { get(); }); 

您可以将函数绑定到上面的代码。

这是你想要的吗?

+0

你是完全正确的。谢谢,现在我明白了我应该做的。系统允许我接受你的问题。但是对于第二部分 - 我看到我应该在$ .post('data.php',使用花括号{}}旁边放置一些代码,以便我可以选择标记,并单击我单击的元素,coukld you help如何从上面的代码中选择ID =“BB”的? – Leron 2012-02-27 10:41:24

+0

我已经添加了一些内容,请检查它是否是你想要的? – littlealien 2012-02-27 10:47:41

+0

这就是我需要的 - $('#BB')。click function(){get();}); 感谢您的帮助! – Leron 2012-02-27 10:57:20