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

时间:2013-04-07 02:28:40

标签: javascript jquery html ajax

我有一个网站,我想保持一部分静态。现在,为了做到这一点,我需要替换单个div,类似的东西:

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

现在,如何捕获所有点击锚点和点击表单提交按钮,然后重新加载contentToReplace?我尝试使用jQuery.load(),它很完美,但它没有加载脚本,我需要那些。另外,我不知道如何使用ajax请求提交表单。

1 个答案:

答案 0 :(得分: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?