将数据从php发送到HTML页面

将数据从php发送到HTML页面,php,javascript,html,css,Php,Javascript,Html,Css,我设计了一个HTML表单来查找GPA,我想让用户输入标记,然后按下“提交”按钮,将标记发送到同一项目中其他页面中的php类,该类应处理标记并查找GPA,然后将GPA发送到相同的HTML表单并在文本框中打印 我使用提交按钮转到PHP类 这是我使用的表单标签 <form method="post" action="GPA.PHP"> 在php类中处理完数据后,我想将结果发送到html并将其放入文本中,文本如下: <input type="text" style="text-a

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

我使用提交按钮转到PHP类

这是我使用的表单标签

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

在php类中处理完数据后,我想将结果发送到html并将其放入文本中,文本如下:

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

我该怎么做???

我想我明白你的意思。您要做的是使用ajax:


因此,将学生的分数(假设这个例子他们得到50分)发布到gpa.php。在gpa.php上,您需要编写代码来计算gpa并将其作为msg发送回。然后将gpa输出到gpa的div id。

首先,给输入一个id, e、 g:


我希望它能起作用:)

你试过什么了吗?有什么尝试或研究吗?比如,我不知道,也许你应该学习jquery和/或php。谁是GPA?我应该把第三个代码放在哪里??我的代码中没有使用java脚本。第三个代码应该放在哪里??我的代码中没有使用java脚本。第三个代码?如果希望数据显示在表中而不重新加载页面等,则需要使用javascript
$.ajax({
  type: "POST",
  url: "gpa.php",
  data: { mark: "50" }
}).done(function( msg ) {
  $('div.gpa').html(msg);
});
<input type="text" style="text-align:center;" value="0.0" name="GPA" id="result" /> 
<form method="post" action="GPA.PHP" onSubmit="return false;">
$.ajax({
  type: "POST",
  url: "gpa.php",
  data: { mark: "50" }
}).done(function( msg ) {
  $('#result').val(msg);
});