2013-04-07 43 views
0

我有一個網站,我想保持它的一部分靜態。現在,爲了做到這一點,我需要更換單格,這樣的事情:Ajax - 如何使頁面上的每個鏈接/表單僅重新加載該頁面的一部分?

<html> 
    <head> 
    </head> 
    <body> 
    <div id="contentToReplace"> 
    </div> 
    <div id="myStaticContent"> 
    </div> 
    </body> 
</html> 

現在,我怎麼能趕上形式的錨和點擊的所有點擊提交按鈕,並重新加載contentToReplace?我嘗試使用jQuery.load(),這很完美,但它不會加載腳本,我需要這些。另外,我不知道如何使用Ajax請求提交表單。

回答

0

趕上a點擊和input[type=submit]點擊,你會做這樣的事情:

$(document).ready(function(){ 
    $('a, input[type=submit]').on('click', function(e){ 
     // probably want to prevent default behavior 
     e.preventDefault(); 

     // put the load stuff here 

    }); 
} 

至於腳本不加載,你應該檢查出SO如下:jquery load() strips script tags - workaround?

相關問題