-1

如何将 HTML href 值链接到 AJAX，以便在同一页面上但在不同的容器中获得结果。以下是我的代码：

<html>
<head>
    <title>DTC Search</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"          type="text/javascript"></script>
    <script>
        $(document).ready(function() {
            $('#a').click(function() {
                e.preventDefault();
                $('content').load($(this).attr('href'));
            });
        });
    </script>
</head>
<body>
    <a href="" target="_blank">CT1<br></a>
    <a href="" target="_blank">CT2<br></a>      
    <a href="" target="_blank">CT3<br></a>
    <a href="" target="_blank">CT4<br></a>
    <div id="sidebar"> Body</div>
    <div id="footer"> &nbsp; </div>
</body>
</html>

由于我是 AJAX 新手，我无法理解如何在 AJAX 函数中获取与单击的 href 值相关的信息，以便它将结果显示在同一页面但在其他部门。我的文件名是 front_end.php

4

2 回答 2

1

这是您的代码，刚刚更新：

<html>
<head> <title>DTC Search</title>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"          type="text/javascript"></script>
  <script>
  $(document).ready(function() {
  $('a').each(function(){ 
      $(this).on("click",function(e) {

        console.log(e);
        e.preventDefault();
        $('#content').load($(this).attr('href'));
      });
   });

  });
  </script>

  <a href="front_end.php" target="_blank">CT1<br></a>
<a href="front_end.php" target="_blank">CT2<br></a>      
<a href="front_end.php" target="_blank">CT3<br></a>
<a href="front_end.php" target="_blank">CT4<br></a>

   <div id="sidebar"> Body
  </div> <div id="content"></div>
 <div id="footer"> &nbsp; </div>
 </body>
 </html>

1）标签不在$("#a")jquery中

2)$('content')什么都不是

3) 具有 id$('#content')的元素或具有类 $('#content') 的某些元素

高高看看jsBin的例子

1：http ://jsbin.com/IFaLoJE/1/或jsfiddle示例

于 2013-11-08T10:35:15.787 回答
0

尝试这样的事情：

$('a').click(function (e) {
    e.preventDefault();
    $('#content').load(this.href);
});
于 2013-11-08T10:58:27.287 回答