如何创建对表单的自我更新响应

How do I create a self updating response to a form

本文关键字:表单 自我 更新 响应 何创建 创建      更新时间:2023-09-26

所以我想使用Javascript(AJAX)和PHP/HTML来创建一个表单并自动更新它。我正试图创建一个网站,进行简单的数学计算(思考体积、表面积和其他几何计算)。最终我想要图形表示,但现在还没有。

最有效的方法是什么?

我是否希望表单提交到一个网页,该网页输出JSON或XML对象,然后使用XMLHttp来提取它?这是最简单的方法吗?我想使用Javascript来阻止我重定向到那个页面吗?

我以前使用过一两次AJAX,但只是名义上的。这也是一种让自己更好地了解这项技术的练习。

对于PHP开发人员来说,一个非常好的方法是使用xAjax,这是这里的文档。

使用此PHP代码,您可以注册一些函数:

include './xajax/xajax_core/xajax.inc.php';
$xajax = new xajax();
$xajax->register(XAJAX_FUNCTION, 'doAdd');
$xajax->register(XAJAX_FUNCTION, 'doReset');
$xajax->processRequest();

然后,您只需将注册的函数用作JavaScript方法

<form action="#" method="post" onsubmit="return false;">
  <input type="button" onclick="xajax_doAdd(10,600);" id="btnAdd" value="Click Me" />
  <input type="button" onclick="xajax_doReset();" id="btnReset" value="Reset" />
  <p id="answerswer"></p>
</form>