通过 ajax 或 jquery 加载页面

Question

我有一个主页，我正在其中加载另一页的内容，我可以毫无顾虑地完美地完成它，但是为此我有两个选择，一个是使用 puring jquery，另一个是使用ajax，你能告诉我在什么情况下应该使用哪个功能，或者两者之间有什么区别，因为两者都可以。

我的html页面如下：

 <! doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/hwcb.css">
</head>
<body>
     <p> <input type="button" value="Load" class="l1"/>
       <div class="la1"></div>
  <p></br>

  <script src="js/jquery.js"></script>
<script src="js/css.js"></script>
<script src="js/main.js"></script>
  </body>
  </html>

我的jquery函数如下：

$('.l1').click(function(){$('.la1').load('test1.php');});

另一个同样有效的函数如下：

$('l1').click(function(){
$.ajax({
url:'test1.php',
success:function(data){
$('.la1').html(data);
}
});
});

Answer 1

两者执行相同的请求并传递相同的负载。不同之处在于 ajax() 和类似的允许对正在发生的事情进行更细粒度的反应：对错误的反应，post 有效载荷的处理，与有效载荷有关的其他事情，而不仅仅是将其加载到一个元素。

Answer 2

.load() 是 $.ajax()

的 shorthand 方法

因此，从字面上看，它们之间没有区别或矛盾，.load() 是在内部调用 .ajax()

通过 ajax 或 jquery 加载页面

Loading page through ajax or jquery

ajax

jquery