Форумы портала PHP.SU :: ajax вывод результата работы php

Здравствуйте, подскажите, как вывести результат работы php скрипта (из отдельного файла) в действующий файл (index.php) с помощью AJAX ?

Требуется пример.

Я нашел что-то ,но не знаю что.

PHP:
скопировать код в буфер обмена

# index.html
 
<html>
<head>
        <meta http-equiv='content-type' content='text/html;charset=utf-8' />
        <script language="JavaScript" type="text/javascript" src="prototype.js"></script>
        <script type="text/javascript">
                // ... ajax request ...
                function WTF(value_A, value_B)
                {
                        new Ajax.Request("/request.php", {
                                method: 'post',
                                parameters: {
                                        wtf_var_A: value_A,
                                        wtf_var_B: 'много букоф!',
                                        wtf_var_C: value_B,
                                },
                                asynchronous: true,
                                onComplete: function(json) {
                                        
                                        rst = eval('(' + json.responseText + ')');
                                        
                                        alert("wtf_var_A:" + rst.wtf_var_A + ", wtf_var_B:" + rst.wtf_var_B + ", wtf_var_C:" + rst.wtf_var_C);
                                }
                        });
                }
                // ... ajax request ...
        </script>
</head>
<body>
<a onclick="WTF(111, 222); return;">тынц</a>
<div id='request'></div>
</body>
</html>
 
# request.php
 
<?PHP 
header("Content-type: text/html; charset=utf-8");
 
$array = array();
 
foreach ($_POST as $key => $value) $array[] = '"'.$key.'": "'.$value.'"';
 
echo '{'.join(", ", $array).'}';
?>

CODE (html):
скопировать код в буфер обмена

<table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                                <td id="menu"><a id="1" href="javascript:void(0);">Link 1</a></td>
                                <td id="menu"><a id="2" href="javascript:void(0);">Link 2</a></td>
                                <td id="menu"><a id="3" href="javascript:void(0);">Link 3</a></td>
                </tr>                
</table>

CODE (javascript):
скопировать код в буфер обмена

$('td#menu a').click(function (){ //в первых скобках пишешь путь к блоку для которого должно выполняться это событие, 'td#menu а' - определяем что мы выполняем событие только при нажатии на ссылки, родителем которых является TD с айдишником MENU
var id_elem = $(this).attr('id'); //определяешь ID элемента который был нажат
var data = $(this).html(); //к примеру берем текст ссылки, можно взять любые данные
$.ajax({
                        type: "POST", //метод отправки, лучше использовать именно его для Ajax запросов
                        url: "/some.php", //ссылка на файл, который будет обрабатывать данные
                        data: "id=" + id_elem + "&data=" + data, //данные которые отправляются
                        success: function(result)
                        {
 
                              alert(result);//тут ты пишешь часть скрипта которая будет выполняться если данные были переданы и файл их обработал, result - в этой переменной будет хранится все что вернет тебе ПХП файл или при помощи return или при помощи любых функций отвечающих за печать, т.е. любой вывод(echo print и т.д.)          
 
                        },
                        error: function()
                        {
 
                              alert('Problem whith POST!');//тут ты пишешь часть скрипта которая будет выполняться есть по каким-нибудь причинам запрос не был отправлен  
 
                        }
 
                });
});

PHP:
скопировать код в буфер обмена

if(!empty($_POST['id']) && !empty($_POST['data']))
{
echo 'Script resiev '.$_POST['id'].' whith text: "'.$_POST['data'].'"';
}
else
{
echo 'Post was empty!';
}

(Отредактировано автором: 24 Марта, 2011 - 15:33:14)