Question

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

<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

Answer 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）标签在jquery中不是$("#a")

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

3）标识为$('#content')的元素或具有类$（'＃content'）

的元素

看看jsBin example

1：http://jsbin.com/IFaLoJE/1/或jsfiddle example

Answer 2

尝试这样的事情：

$('a').click(function (e) {
    e.preventDefault();
    $('#content').load(this.href);
});

如何使用带有HTML的AJAX来获取HTML的多个href值

2 个答案: