从 ajax .post 方法执行 PHP 页面后显示它

display a php page after executing it from ajax .post method

本文关键字：显示 PHP ajax post 方法 执行      更新时间：2023-09-26

>我有一个表单id="date_select"的html页面和一个id="display"的div块。

索引.html 

<form id="date_select">
    <span id="date_select">Select date to display forms:</span>
        <input id="date" type="text" />
        <input id="date_submit" type="submit" value="submit" name="submit"/>
</form>

js 代码是：

   $('#leave_form_date').submit(function()
{
    var date=$('#date').val();
    if(date != '')
    {
         $.post('view_forms.php',{date:date},function(data)
         {
            //dont know what to put
         }
        }
    });

js 代码将日期发送到 php 脚本。

现在，我需要在索引页面上的"显示"div 块中执行后显示整个view_forms.php页面

但是你试过这个吗：

     $.post('view_forms.php',{date:date},function(data)
     {
        $("#display").html(data);
     }

您应该已经创建表单并将它们放在div 中并使其在侧主div 中显示：none 。

保留div 名称，例如 

 <div id = "form1" style='display:none'>code here ..</div>
 <div id = "form2" style='display:none'>code stuff here</div>

从 php 脚本返回表单名称以显示在数据变量中，并在 Ajax 返回成功事件中使用它。

      $.post('view_forms.php',{date:date},function(data)
     {
        $('#'+data).show();
     }

另一种解决方案是从 php 创建一个表单，并将其返回到数据中的 ajax 成功函数，并将其显示在所需的div 中。

我不知道您如何从 PHP 返回响应，但我可以给您一些想法，您可以根据您的逻辑实现它。会像。当您返回来自 PHP 的响应时。像这样做在 ajax 中，当在完成你的事情后在 php 中调用 php 脚本时，你可以返回如下。 

    $response = '<form name="form1" action="somepage.php">
    email: <input type = "text" name="email" value="'.$somevalue.'">
   </form>' ;
    echo $response

希望这有帮助。

相关文章：