从ajax .post方法执行后显示一个php页面

Question

我有一个格式为id =“ date_select”的html页面和一个id =“ display”的div块。

index.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脚本。

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

Answer 1

但您是否尝试过以下方法：

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

Answer 2

您应该已经创建了表单，并将其放在div中并使其显示：在主main div中没有​​显示。

保持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

希望这可以帮助。