Question

我有三个div标签，点击链接我只想重新加载第二个div标签而不是加载整个页面，我想保持第一个和第三个div标签为静态，第二个div标签应该是动态的？

  <div class="first">

  <a href="patientLogin/patientVisit_details/<?php echo $data->patient_visit_id;?>"><?php echo $data->hospital_name;?></a>

  </div>


  <div class ="second">
  //content//
  <div>


  <div class ="third">
  //content//
  <div>

Answer 1

首先，你应该通过让他们的ID独特来区分你的div，就像Billy在评论中所说的那样。类用于为所有元素创建公共选择器。像下面这样创建HTML：

 <div id="first">
  <a href="patientLogin/patientVisit_details/<?php echo $data->patient_visit_id;?>"><?php echo $data->hospital_name;?></a>
  </div>

  <div id="second">
  //content//
  <div>

  <div id="third">
  //content//
  <div>

现在只在特定的div中加载数据，你可以使用jQuery以三种方式使用Ajax请求。

$('#second').load("load.php");

OR

$.post('load.php?param=value',function(data){
     $('#second').html(data);
   });

OR

 $.get('load.php?param=value',function(data){
     $('#second').html(data);
   });

OR

$.ajax({
   url:"load.php";
   data: yourDataObject,
   success: function(data){
     $('#second').html(data);
   }
});

希望以上所有内容都有所帮助

Answer 2

您可以尝试load

$(".second").load("yourhtml.html");

Answer 3

将id提供给第二个div，然后尝试按照

#secondDivId::after {
 content:"";
}

它将刷新第二个div。

Answer 4

试试这个有效：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#link").click(function(){
    $(".second").load("abc.html");
  });
});
</script>
</head>
<body>

 <div class="first">

  <a id="link" href="patientLogin/patientVisit_details/<?php echo $data->patient_visit_id;?>"><?php echo $data->hospital_name;?></a>

  </div>


  <div class ="second">
  //content//
  <div>


  <div class ="third">
  //content//
  <div>

</body>
</html>

此处，abc.html是您希望在<div class="second">...</div>点击链接时显示您的内容的文件。

我有三个div，如何在不重新加载完整页面的情况下刷新第二个div？

4 个答案: