使用AJAX将表单Submit变量传递给php页面并将输出html返回给DIV

Question

我已经阅读了许多AJAX / PHP文档，并向社区提出了一个快速问题，以帮助我理解基础知识。 这是一个简单的表单，用户在其中提交一个值。 它被发送到一个php计算器，该计算器对值取平方并创建结果的一点回声。

我想学习如何在单击提交后将php文件简单地包含到div“目标”中。 与其传递一个值，不如将php文件包含在div中。

论坛已经使我走了这么远。 感谢那些可以查看并提供指导的人。

square.html：

  <!DOCTYPE html> <html lang="en"> <head> <title> AJAX Insert test</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> </head> <body> <form id="calculator" method="post"> What Number would you like to square? <input type="text" name="input_value"> <input type="submit" value="Go"> </form> <div id="target"></div> <script> $(function() { $('#calculator').live('submit', function(e) { e.preventDefault(); // stops form from submitting naturally $.ajax({ data: $(this).serialize(), type: 'POST', //'GET' is default, set to 'POST' if you want. url: 'square.php', success: function(response) { $("#target").load("square.php"); } }); }); </script>

square.php：

<html>
<p>Results:<br><br></p>
</html>

<?php
$input = htmlspecialchars($_POST['input_value']);
$sum = $input * $input;

echo "You wrote " . $input ." <br>";
echo  $input . " squared = " .$sum . "<br><br>";

?>

Answer 1

您可能希望显示square.php的回显，这意味着您必须执行以下操作： $("#target").load(response);

使用AJAX将表单Submit变量传递给php页面并将输出html返回给DIV

问题描述

1 个解决方案

解决方案1
0 2018-01-08 23:20:36

使用AJAX将表单Submit变量传递给php页面并将输出html返回给DIV

问题描述

1 个解决方案

解决方案1 0 2018-01-08 23:20:36

解决方案1
0 2018-01-08 23:20:36