Базовый JQuery/Ajax post help

Я изучаю PHP, и я не знаю, как заставить это работать. Мне нужна помощь в написании файл, который возвращает данные для этого JQuery $ .post()Базовый JQuery/Ajax post help

Я не знаю, как использовать Firebug, но консоль ошибок Firefox говорит «Ошибка: ни один элемент не найден»

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<title>JQuery Test</title> 
</head> 

<body> 

<a class="open" href="#" style="color:black; text-decoration:none;">Test File</a> 

<br /> 

<pre id="Test">Hello</pre> 

<script type="text/javascript"> 
$('.open').click(function(){ 
$.post('source.php', function(src){ 
    alert(src) 
    $('#Test').html(src); 
}); 
return false; 
}); 
</script> 
</body> 
</html>

PHP файл

<?php 
echo "hi" 
?>

источник

2011-07-23 Henry

Как получить, что сработает? Что вы ожидаете, и этого не произойдет? – rid

какая ошибка вы получаете. –

Кроме того, PHP-тег открытия - ' '. – rid

селектор тест идентификатор неправильно, пожалуйста, попробуйте ниже

<script type="text/javascript"> 
$('.open').click(function(){ 
$.post('source.php', function(src){ 
    alert(src) 
    $('#Test').html(src); 
}); 

/* 
$.post('source.php', {name: current}, function(src){ 
    codeBox.html(src); 
}); 
*/ 

return false; 
}); 
</script>

источник

2011-07-23 04:17:46 ShankarSangoli

Это привело к исчезновению текста «Hello». – Henry

. Да, он будет заменен тем, что возвращает source.php в качестве ответа. Что вы ожидаете? – ShankarSangoli

Как установить source.php для отправки ответа? – Henry

У вас есть многочисленные недостатки в вашем скрипте.

The **$('Test').html(src);** will not work it should be **$('#Test').html(src);** 

The **<?php>** should be just **<?php**

источник

2011-07-23 04:18:54

Базовый JQuery/Ajax post help

ответ

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