從ajax執行後顯示一個php頁面.post方法

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腳本。

現在，我需要在我的「顯示」索引頁

Answer 1

上顯示執行後的整個view_forms.php頁面的div塊，但你試試這個：

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

Answer 2

您應該創建已經形成，並把它們放在div中，並使其顯示：無側邊主div。像

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

從PHP腳本返回表單名稱

保持DIV的名字在數據變量顯示在阿賈克斯用它在返回成功事件。像

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

另一解決方案可以是創建從PHP的格式，並在數據返回回AJAX成功功能並顯示它所需的div內部。

我不知道你是如何返回來自PHP的響應，但我可以給你一些想法，你可以根據你的邏輯來實現它。 它會是這樣。當你從PHP返回響應。像 一樣在ajax中，當php腳本在做完你的東西之後被調用，你可以像下面那樣返回。

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

    echo $response 

希望這會有所幫助。