Обновлено: По-прежнему не работает после добавления «#».Как получить результат от php to html использовать ajax?
Я новичок в ajax. Я тренируюсь, чтобы отправить значение в php-скрипт и вернуть результат.
Прямо сейчас, я встретил одну проблему, и я не могу показать свой результат на моей странице html. Я попробовал ответы на вопросы онлайн, но я все еще не могу исправить эту проблему.
My index.html принимает значение из формы и отправляет информацию о форме в getResult.php.
My getResult.php будет выполнять вычисления и результат эха. Как показать результат в index.html?
Hers является HTML код
index.html
<html>
<body>
<form name="simIntCal" id="simIntCal" method="post"
>
<p id="Amount" >Amount(USD)</p>
<input id="amount_value" type="text" name="amount_value">
<p id="annual_rate" >Annual Rate of Interest
(%)</p>
<input id="rate_value" type="text" name="rate_value">
<p id="time_years" >Time (years)</p>
<input id="time_value" type="text" name="time">
<input id="calculate" type="submit" value="Calculate">
</form>
<p id="amount_inteCal" >The Amount (Acount
+ Interest) is</p>
<input id="result" type="text">
</body>
</html>
Ajax скрипт:
<script>
$('#simIntCal').on('submit', function (e) {
e.preventDefault();
$.ajax({
type: 'post',
url: 'getResult.php',
data: $('#simIntCal').serialize(),
success: function (result) {
$("#result").text(result);// display result from getResult.php
alert('success');
}
});
});
</script>
getResult.php
<?php
if ($_SERVER ["REQUEST_METHOD"] == "POST") {
//do some calculation
$result=10;//set result to 10 for testing
echo $result;
}
?>
Должен быть '$ (" # result ")' в вашем обратном вызове. – ccKep
$ ("# result"). Val (результат); –
@ ccKep @ Иван Бараев, он все еще не работает после добавления #. – jpp