Question

我正在玩一些脚本，这就是我所拥有的：

<!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";，但点击链接时没有显示任何内容。我想有一个以上的问题，但感谢任何帮助。

谢谢，Leron。

Answer 1

你应该关闭get（）函数范围。

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

你刚忘记了大括号。

$ .post（“test.php”，{name：“John”，time：“2pm”}，function（data）{}）;

你可以像这样发送帖子数据。

您想选择标签还是想发送一些数据？

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

你可以将函数绑定到类似上面的代码。

这是你想要的吗？

使用.php文件中的jQuery检索数据

1 个答案: