将表单变量发布到php返回结果并放置在div中

我正在尝试向一个php页面（其中有虚拟变量）提交一个表单帖子，然后返回结果并在同一页面的“userinfo”div中显示它们。我怀疑我需要将信息发布到同一页面或使用Ajax，但不确定如何实现这一点

几个小时的网上搜寻并没有提供任何我想要做的事情的好例子

感谢您的帮助：

无论如何，代码如下：

        <form name="Find User" id="userform" class="invoform" method="post" action="includes/find.php" />
            <div id ="userdiv">
                <p>Name (Lastname, firstname):</p></label><input type="text" name="username" id="username" class="inputfield" />
                <input type="submit" name="find" id="find" class="passwordsubmit" value="find" />
            </div>
        </form>
        <div id="userinfo"><b>info will be listed here.</b></div>

姓名（姓、名）：

信息将列在这里。

php虚拟变量：

<?php

$user=$_POST['username'];
$username="username";
$gg_groups="gg_usergroups";
$enabled="True";

$result = array(
    'username' => $username,
    'user' => $user,
    'usergroups' => $gg_groups,
    'enabled'=> $enabled
);

echo json_encode($result);

?>

---

我建议使用

jQuery.ajax（）

：

---

我建议使用

jQuery.ajax（）

：

---

您可以使用jquery库和此javascript代码

$(document).ready(function(){
    $('#find').click(function(){
        var form = $(this).closest('form');

        $.post(form.attr('action'), form.serialize(), function (data){
            var c;
            $.each(data, function(i, e){
                c += i + ':' + e;
            });
            $('#userinfo').html(c);
        }, 'json');
    });
});

---

您可以使用jquery库和此javascript代码

$(document).ready(function(){
    $('#find').click(function(){
        var form = $(this).closest('form');

        $.post(form.attr('action'), form.serialize(), function (data){
            var c;
            $.each(data, function(i, e){
                c += i + ':' + e;
            });
            $('#userinfo').html(c);
        }, 'json');
    });
});

---

我不确定你到底想做什么？将表单提交到同一页面很容易，只需将action属性留空，如下所示：

<form name="Find User" id="userform" class="invoform" method="post" action="">

    <form name="Find User" id="userform" class="invoform" method="post" action="">
        <div id ="userdiv">
            <p>Name (Lastname, firstname):</p></label><input type="text" name="username" id="username" class="inputfield" />
            <input type="submit" name="find" id="find" class="passwordsubmit" value="find" />
        </div>
    </form>
    <div id="userinfo">
    <?php
    if(isset($_POST['find'])){
        include('dummyvars.php');
        echo"Username = ". $username . "<br> User = ". $user ."<br> Usergroups = ". $gg_groups ."<br> Enabled = ". $enabled;
    }
    ?>
    </div>

评论后编辑： 如果没有所有的代码，很难给出一个精确的代码，但是只使用php，为什么不将表单发送到您希望它显示的页面，包括处理结果的php文件，然后编写一个echo语句来输出结果呢？大概是这样的：

<form name="Find User" id="userform" class="invoform" method="post" action="">

    <form name="Find User" id="userform" class="invoform" method="post" action="">
        <div id ="userdiv">
            <p>Name (Lastname, firstname):</p></label><input type="text" name="username" id="username" class="inputfield" />
            <input type="submit" name="find" id="find" class="passwordsubmit" value="find" />
        </div>
    </form>
    <div id="userinfo">
    <?php
    if(isset($_POST['find'])){
        include('dummyvars.php');
        echo"Username = ". $username . "<br> User = ". $user ."<br> Usergroups = ". $gg_groups ."<br> Enabled = ". $enabled;
    }
    ?>
    </div>

姓名（姓、名）：

我不确定你到底想做什么？将表单提交到同一页面很容易，只需将action属性留空，如下所示：

<form name="Find User" id="userform" class="invoform" method="post" action="">

    <form name="Find User" id="userform" class="invoform" method="post" action="">
        <div id ="userdiv">
            <p>Name (Lastname, firstname):</p></label><input type="text" name="username" id="username" class="inputfield" />
            <input type="submit" name="find" id="find" class="passwordsubmit" value="find" />
        </div>
    </form>
    <div id="userinfo">
    <?php
    if(isset($_POST['find'])){
        include('dummyvars.php');
        echo"Username = ". $username . "<br> User = ". $user ."<br> Usergroups = ". $gg_groups ."<br> Enabled = ". $enabled;
    }
    ?>
    </div>

评论后编辑： 如果没有所有的代码，很难给出一个精确的代码，但是只使用php，为什么不将表单发送到您希望它显示的页面，包括处理结果的php文件，然后编写一个echo语句来输出结果呢？大概是这样的：

<form name="Find User" id="userform" class="invoform" method="post" action="">

    <form name="Find User" id="userform" class="invoform" method="post" action="">
        <div id ="userdiv">
            <p>Name (Lastname, firstname):</p></label><input type="text" name="username" id="username" class="inputfield" />
            <input type="submit" name="find" id="find" class="passwordsubmit" value="find" />
        </div>
    </form>
    <div id="userinfo">
    <?php
    if(isset($_POST['find'])){
        include('dummyvars.php');
        echo"Username = ". $username . "<br> User = ". $user ."<br> Usergroups = ". $gg_groups ."<br> Enabled = ". $enabled;
    }
    ?>
    </div>

姓名（姓、名）：

使用Jquery和bind事件提交操作

 $(function (){

 $("#userform").submit(function (){
  $.ajax({
    type: "POST",
    dataType: "json",
    url: "some.php",
    data: {username : $("#username").val()}
    success: function(data) {
       $("#userinfo b").html(data.username);
    }
  });

  });
 });

---

使用Jquery和bind事件提交操作

 $(function (){

 $("#userform").submit(function (){
  $.ajax({
    type: "POST",
    dataType: "json",
    url: "some.php",
    data: {username : $("#username").val()}
    success: function(data) {
       $("#userinfo b").html(data.username);
    }
  });

  });
 });

$（文档）.ready（函数（）{
$（“#查找”）。单击（函数（）{
var username=$（“#username”）.val（）；
$.ajax({
键入：“POST”，
数据类型：“json”，
url:'includes/find.php'，
数据：“用户名=”+用户名，
成功：功能（数据）{
//在数据中，您的结果将可用…显示在此处
},
错误：函数（xhr、状态、错误）{
警报（状态）；
},
数据类型：“文本”
});
});
});
姓名（姓、名）：

信息将列在这里。

$（文档）.ready（函数（）{
$（“#查找”）。单击（函数（）{
var username=$（“#username”）.val（）；
$.ajax({
键入：“POST”，
数据类型：“json”，
url:'includes/find.php'，
数据：“用户名=”+用户名，
成功：功能（数据）{
//在数据中，您的结果将可用…显示在此处
},
错误：函数（xhr、状态、错误）{
警报（状态）；
},
数据类型：“文本”
});
});
});
姓名（姓、名）：

信息将列在这里。

很抱歉，这与主题无关，只是你似乎还没有做过任何认真的研究。如果我知道我在找什么，我会的。当你在google上搜索post-to-php的示例时，将值返回到div，这并不能产生任何好的示例。此外，您只看到一个简化的代码片段。很抱歉，这与主题无关，只是你们似乎还并没有做过任何认真的研究。说到点子上，若我知道我在寻找什么，我会的。当你在google上搜索post-to-php的示例时，将值返回到div，这并不能产生任何好的示例。另外，您只看到了一个简化的代码片段。我正在尝试将表单结果发布到一个php页面，该页面将在“uservars”div中显示结果。检查我的编辑，这就是您想要的吗？哈哈！：D这么简单，正是我想要的。奇怪的是，我能做到，但我甚至没有想到。简单的方法通常是最好的方法！很高兴我能帮忙！我正在尝试将表单结果发布到一个php页面，该页面将在“uservars”div中显示结果。请检查我的编辑，这就是您要查找的内容吗？哈哈！：D这么简单，正是我想要的。奇怪的是，我能做到，但我甚至没有想到。简单的方法通常是最好的方法！很高兴我能帮忙！