Ajax - 如何使页面上的每个链接/表单仅重新加载该页面的一部分？

我有一个网站，我想保持它的一部分静态。现在，为了做到这一点，我需要更换单格，这样的事情：Ajax - 如何使页面上的每个链接/表单仅重新加载该页面的一部分？

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

现在，我怎么能赶上形式的锚和点击的所有点击提交按钮，并重新加载contentToReplace？我尝试使用jQuery.load()，这很完美，但它不会加载脚本，我需要这些。另外，我不知道如何使用Ajax请求提交表单。

来源

2013-04-07 ojek

赶上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?

来源

2013-04-07 03:00:42 fletch

Ajax - 如何使页面上的每个链接/表单仅重新加载该页面的一部分？

回答

相关问题