Получение данных с помощью JQuery из .php файла

я играю с некоторыми скриптами, вот что у меня есть:Получение данных с помощью 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"; но Noth показывается, когда я нажимаю ссылку. Я предполагаю, что есть более 1 проблемы, но любая помощь приветствуется.

Спасибо, Лерон.

источник

2012-02-27 Leron

Вы видите ошибки в консоли ...? –

В FireFox с firebug на вкладке консоли вы можете отслеживать ваши запросы ajax. Поэтому вы можете дополнительно исследовать, где проблема, например: найден ли файл php, что возвращает этот php-файл, какие параметры я отправляю. Код кажется правильным. –

Это мой первый день использования JQuery, и я уверен, что ошибка там где-то там, но я не уверен, что это синтаксис, логика или оба. Я уже сделал это с чистым AJAX, и он работает, но я хочу сделать это с помощью JQuery. – Leron

Вы должны закрыть область действия функции get().

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

Вы только что забыли фигурные скобки.

$ .post ("test.php", {имя: "Джон", время: "2 вечера"}, функция (данные) {});

вы можете отправить данные сообщения, как это.

Вы хотите выбрать тег или wannaa для отправки каких-либо данных?

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

Вы можете связать функцию как с кодом выше.

Это вы хотите?

источник

2012-02-27 10:35:11 littlealien

Вы совершенно правы. Спасибо, теперь я получаю то, что должен. Я приму ваш вопрос, когда система позволит мне. Но для второй части я увидел, что я должен поместить некоторый код рядом с $ .post ('data.php', используя фигурные скобки {}, поэтому я могу выбрать тег с элементом, который я нажимаю, coupld вы помогаете как выбрать с ID = «BB» из кода выше? – Leron

Я добавил что-то, чтобы опубликовать. Проверьте, что вы хотите? – littlealien

Вот что мне нужно - $ ('# BB'). click (function() {get();}); Спасибо за помощь! – Leron

Получение данных с помощью JQuery из .php файла

ответ

Смежные вопросы