Javascript 如何在分页中使用AJAX加载内容？

在写画廊时遇到了一个问题。 画廊有页码。每一页应该是不同的图片。 在切换页面时，是否借助AJAX将新内容上载到图库？ 请举个例子，我将不胜感激

你的作品

要更改图像，只需更改其src即可；正如我看到的，你有几个链接

  var img1 = document.querySelector('YOURIMGID/CLASS');
  var img2 = document.querySelector('YOURIMGID/CLASS');
  var img3 = document.querySelector('YOURIMGID/CLASS');
  var img4 = document.querySelector('YOURIMGID/CLASS');
  document.querySelector('YOURLINKID/CLASS').onclick = function() {
        img1.src = "YOURNEWSRC";
        img2.src = "YOURNEWSRC";
        img3.src = "YOURNEWSRC";
        img4.src = "YOURNEWSRC";
  }

---

例如：在第一页，我们有4张照片，我们已经转到另一页了，还有其他4张照片。那么您希望每个页面都有不同的照片吗？页面是html页面还是javascript（如angular或Ember或任何其他单页应用程序库）更改页面内容应使用javascript更改。切换分页时只需上传新照片。是什么改变了代码，您是否要求我们为您提供这些？一个如何使用Ajax在主页上加载新内容的示例，切换分页。