Как я могу отправить Данные JSON из сценария PHP, которые будут использоваться jQuery?

У меня проблема с некоторыми данными JSON. Я не знаю, как взять некоторые данные, сгенерированные в PHP, и превратить их во что-то, что я могу использовать в своем скрипте jQuery. Мне нужна следующая функциональность: мне нужно иметь возможность щелкать изображения на странице, и в зависимости от выбранного элемента мне нужно отображать результаты из моей БД.

Вот HTML-страница, которая у меня есть:

<html>
  <head>
  <title>pippo</title>
  <script><!-- Link to the JS snippet below --></script>
  </head>
  <body>
    Contact List:
    <ul>
      <li><a href="#">
        <img src="contacts/pippo.png" onclick="javascript:change('pippo')"/>pippo
      </a></li>
      <li><a href="#">
        <img src="contacts/pluto.png" onclick="javascript:change('pluto')"/>pluto
      </a></li>
      <li><a href="#">
        <img src="contacts/topolino.png" onclick="javascript:change('topolino')"/>topolino
      </a></li>
    </ul>
  </body>
</html>

Вот вызывается PHP-код:

<?php
include('../dll/config.php');

$surname = $_POST['surname'];

$result = mysql_query("select * from profile Where surname='$surname'") or die(mysql_error());
while ($row = mysql_fetch_array($result)) {
    $_POST['name'] = ucfirst($row['name']);
    $_POST['tel'] = $row['telephone'];
    $_POST['companymail'] = $row['companymail'];
    $_POST['mail'] = $row['email'];
    $_POST['fbid'] = $row['facebook'];
}
?>

Вот JavaScript-код Ajax, который я использую:

<script type="text/javascript">
    function change(user) {
        $.ajax({
            type: "POST",
            url: "chgcontact.php",
            data: "surname="+user+"&name=&tel=&companymail=&mail=&fbid",
            success: function(name,tel,companymail,mail,fbid){
                alert(name);
            }
        });
        return "";
    }
</script>

Кто-то сказал мне, что этот JS-фрагмент будет делать то, что я хочу :

$.getJSON('chgcontact.php', function(user) {
    var items = [name,surname,tel,companymail,email,facebook];
    $.each(user, function(surname) {
        items.push('surname="' + user + "'name='" + name + "'telephone='" + telephone + "'companymail='" + companymail + "'mail='" + mail + "'facebook='" + facebook);
    });
    /*
    $('<ul/>', {
        'class': 'my-new-list',
        html: items.join('')
        }).appendTo('body');
    */
});

Но мне это непонятно - я не понимаю, как мне это использовать или где я должен включать это в свой код.

0
задан Brighid McDonnell 13 February 2012 в 18:23
поделиться