php - 使用 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!按钮时，我想动态加载index.html中的内容toload.php，而不需要刷新。

提前致谢!请评论以获取任何需要的说明。

<小时/>

编辑，更详细的解释:

我不确定我是否清楚(或者也许我不理解由于我缺乏技术技能而导致的答案)，所以我会再试一次。 (重写)

我有一个带有提交按钮的 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;
            }
        }
    });
}