php - 如何使用ajax从另一个页面加载内容

标签 php jquery html ajax

嗨,我是一名新程序员 我想使用 ajax另一个 php 页面 替换当前 php 页面 的内容而不刷新页面。

要替换的内容在div的中。

两个页面(当前页面和另一个页面)都有相同的 div

HTML Div 是:

  <div class="category-container">
    <div class="category-image"></div>
    <div class="category-desc"><a href="#">#</a><p>text</p></div>
    <div class="rating5" >Editors' rating: </div>
    <div class="category-download-btn"><a href="#">Download</a></div>
    <div class="category-buy-btn"><a href="#">Buy</a></div>
  </div>

谁能告诉我怎么做。这将是一个很大的帮助。 你也可以提供给我 ajax 代码而不是 jquery。

谢谢。

最佳答案

看看 jQuery 的 load ,关于加载页面片段的部分:

The .load() method, unlike $.get(), allows us to specify a portion of the remote document to be inserted.

要将另一个页面上的 div 内容放到当前页面上的类似 div 中,请使用如下内容:

$('#content').load('other-page.php #content');
// ^ target div                    ^ same div on the other page

关于php - 如何使用ajax从另一个页面加载内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10655891/

相关文章:

javascript - JQuery 和 HTML5 自定义验证未按预期工作

html - 我如何在一个盒子中编码多个盒子并让它们彼此相邻而不垂直?

javascript - 从 API 获取数据并显示为名称和网站链接

php - SQL 内连接问题(可能很容易修复)

javascript - 古腾堡核心 block - 删除选项

php - 如何查看相册中的图片

Javascript - 悬停时 Bootstrap 下拉菜单打开子菜单的所有菜单级别

javascript - JQuery Clone - 在两个元素上触发相同的事件

javascript - 根据复选框选择添加类

php - 在 WooCommerce 中更改现有订单的订单项名称