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中，并使它显示在side 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

希望这有帮助。

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

2 个答案: