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

.load()是$.ajax()

的简写方法

所以，字面上它们之间没有区别或矛盾，.load()在内部调用.ajax()

Answer 2

两者都执行相同的请求并提供相同的有效负载。不同之处在于ajax（）和类似方法允许对正在发生的事情做出更细粒度的反应：对错误的反应，对有效负载的后处理，与有效负载相关的其他事情，而不仅仅是将其加载到元素中。

通过ajax或jquery加载页面

2 个答案: