2013-09-15 3 views
1

Я пишу код примера в сообщение ajax javaxcript varible to php на 2 странице, test.php и validate.php.ajax post javascript variable to php на той же странице

test.php:

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<script type="text/javascript" src="jquery.min.js" ></script> 

</head> 
<body> 
<form> 
<input type="text" id="name" placeholder="enter Your name...." /><br/> 
<input type="text" id="age" placeholder="enter Your age...." /><br/> 
<input type="button" value="submit" onclick="post();"> 
</form> 
<div id="result" ></div> 

<script type="text/javascript"> 
function post() 
{ 
var name=$('#name').val(); 
var age=$('#age').val(); 
$.post('validate.php',{postname:name,postage:age}, 
function(data) 
{ 
if (data=="1") 
    { 
$('#result').html('you are over 18 !'); 
} 
if (data=="0") 
{ 
$('#result').html('you are under 18 !'); 
} 
}); 
} 
</script> 

</body> 
</html> 

validate.php

<?php 
$name=$_POST['postname']; 
$age=$_POST['postage']; 

if ($age>=18) 
{ 
echo "1"; 
} 
else 
{ 
echo "0"; 
} 
?> 

как я могу писать/изменить выше код на той же странице ?? и validate.php вставить в test.php ??

добавлены после первого ответа: «но я не имею/использовать любую кнопку или в моей странице и где я могу вставить код validate.php в test.php, пожалуйста, помочь вкладышем завершить правильный код...»

ответ

0

Попробуйте добавить метод submit() к вашему <form>, а не прикреплять событие к кнопке отправки.

$(document).on('submit', 'form', function(){ 
    post(); 
    return false; 
}); 

На данный момент я думаю, что ваша форма не будет подана ни на что, вы должны либо return false на передаете или preventDefaults()

Хорошая идея также добавить идентификатор в форму в случае, если у Вас есть больше чем один на странице и использовать соответствующий селектор в обработчике .on событий, таких как

$(document).on('submit', $('#form-id'), function(){ ... });

+0

, но я не имею любую кнопку отправить() или любой

в дизайне. и где вставить validate.php код? –

+0

Посмотрите на это [Fiddle] (http://fiddle.jshell.net/59nvW/), однако вам не нужен Ajax. – Mina

+0

У меня есть условие в javascript, и зависит от результата в том же PHP-код страницы echo some value. как можно добавить php-коды в этот код? (http://fiddle.jshell.net/59nvW/), сначала нужно запустить javascript, а затем php. –

0

AJAX является использование для обмена данными с сервером. Если вы хотите писать код на той же странице, чтобы перезагрузить страницу и написать validate.php код, указанный выше в test.php, как этот

<?php 
    //validate.php code 
?> 
<form action=test.php type=POST> 
    <input type="text" id="name" placeholder="enter Your name...." /><br/> 
    <input type="text" id="age" placeholder="enter Your age...." /><br/> 
    <input type="button" value="submit"> 
</form> 
Смежные вопросы