将数据从php发送到HTML页面

Question

我设计了一个HTML表单来查找GPA，我想要求用户输入标记，然后按下“提交”按钮，在同一个项目的其他页面中将标记发送到php Class，该类应该处理标记并找到GPA，然后将GPA发送到同一HTML表单并将其打印在文本框中;

我使用了提交按钮去了PHP类。

这是我用过的表格标签

<form method="post" action="GPA.PHP">

在php类中处理数据后，我想将结果发送到html并将它们放入文本中，这个文本：

<input type="text" style="text-align:center;" value="0.0" name="GPA" /> 

我该怎么做？

Answer 1

首先，给输入一个id， 例如：

<input type="text" style="text-align:center;" value="0.0" name="GPA" id="result" /> 

其次，请确保表单未以其常规行为提交，方法是在提交时返回false：

<form method="post" action="GPA.PHP" onSubmit="return false;">

第三，当点击提交按钮或提交表单时，您可以调用以下javascript代码：

$.ajax({
  type: "POST",
  url: "gpa.php",
  data: { mark: "50" }
}).done(function( msg ) {
  $('#result').val(msg);
});

我希望它有效：）

Answer 2

我想我明白你在说什么。你想要做的是使用ajax： http://api.jquery.com/jQuery.ajax/

$.ajax({
  type: "POST",
  url: "gpa.php",
  data: { mark: "50" }
}).done(function( msg ) {
  $('div.gpa').html(msg);
});

所以将学生的分数（比如说这个例子得到50分）发给gpa.php。在gpa.php上，您可以使用代码来计算gpa并将其作为msg发回。然后，这将输出gpa到gpa的div id。