2013-04-18 54 views
0

我使用jquery函數來加載Php內容到索引頁上的div(有點像masterpage)但我必須做一個電子郵件表單(我使用提交按鈕),但現在我想要它重新加載在div而不是整個頁面?PHP的FORM重新加載到加載div

這是我的菜單腳本(有點兒嘗試過各種事情) 這一切都是位於INDEX page.php文件

 $('.menut').click(function() { 
     var phpFile = $(this).attr('id') + '.php'; 
     $('#box1').load(phpFile, function() { 


       $('#contactForm').click(function (e) { 
        e.preventDefault(); 
        var data = $(this).serialize(); 
        $('#box1').load($(this).attr('action'), data); 


    }); 
}); 

這是位於form.php的頁面

<form id="contactform" method="POST" action="insch.php"> 

回答

0

我認爲你應該使用

$('#contactform').submit(function (e){ 
    e.preventDefault(); 
    $('#box1').load(....)// 
    return false; 
}); 

這將說明何時提交表單,停止瀏覽器執行默認操作,然後返回false,以停止任何其他操作。

+0

有了它,它只是阻止我所有的東西,它返回一個JS警報?是否有任何可能我可以得到確認該行動真實發生? –

+0

在Chrome上檢查網絡選項卡,但我沒有完成.load的.load,讓你做額外的位......這不會工作,因爲它是... – Val

+0

@ThomasBillet你防止默認操作和形式isn提交只是使用ajax調用來重新加載一個元素,而不是整個頁面,如果你需要更多的澄清即時通訊更高興幫助只是評論上面的答案:) –