使用jQuery AJAX加载php内容

Question

我的问题：

我有index.html：

<form action="toload.php" method="post">
Input: <input type="text" name="something" value="" /><br />
<input type="submit" value="Submit!" />
</form>

toload.php 是这样的：

<?php

echo "Your input was: " . $_POST["something"];

?>

问题很简单。

当我按下Submit!按钮时，我想动态加载内容toload.php，index.html而无需刷新。

提前致谢！请发表评论以进行任何必要的澄清。

编辑，更详细的解释：

我不确定自己是否很清楚（或者我可能不了解我缺乏技术技能的答案），所以我再说一遍。（改写）

我有一个带有提交按钮的HTML，该按钮通过POST方法发送变量。

PHP文件使用此变量，并在经过一定过程后插入并更新MySQL数据库并回显其他内容。

这是很好的工作。

但是现在我想通过避免页面“重新加载”（转到.php）来改进它。

我希望作为HTML文件输出的HTHL在HTML页面中动态显示。

现在更清楚了吗？

Answer 1

jQuery之类的东西！：

<form action="toload.php" method="post">
Input: <input type="text" id="something" name="something" value="" /><br />
<input type="submit" value="Submit!" onclick="submitme()" />
<div id="something2"></div>
</form>

以及提交功能：

function submitme(){
var tosend=document.getElementById("something").value;
$.ajax({
        type: 'POST',
        url: 'toload.php',
        data: 'something='+tosend,
        success: function(msg){
            if(msg){
                document.getElementById("something2").innerHTML=msg;
            }
            else{
                return;
            }
        }
    });
}