php ajax请求实例教程：一个简单的获取用户列表的例子。

发布日期： 2025-10-05 阅读量： 作者： admin

今天来聊聊我最近弄腾的这个PHP搞AJAX请求的事儿。

就是想在我那个小项目里头加个功能。具体点说，就是一个列表页面，数据挺多的，一次性全加载出来肯定慢，用户体验也不我就琢磨着，能不能搞个像现在流行的那种，先显示一部分，底下放个“加载更多”的按钮或者链接，用户点一下，咱就再去后台数据库捞点数据出来，追加到列表后面，还不用刷新整个页面。

准备工作

那页面上肯定得有个触发的元素，我就简单放了个按钮：

弄个按钮，给它个ID，比如叫 `loadMoreBtn`。
列表数据，用个 `div` 包起来，也给个ID，方便后面把新数据塞进去，比如叫 `dataListContainer`。

前端这边，离不开JavaScript。因为我平时用jQuery比较多，图个方便，所以就直接引入了jQuery库。没用原生JS写，主要是懒得处理浏览器兼容那点破事儿。

前端脚本处理

接着就是在JS里头写代码了。核心思路就是：

监听按钮点击：用jQuery的选择器选中那个 `loadMoreBtn`，给它绑定一个点击事件。
发起AJAX请求：点击事件触发后，就用jQuery的 `$.ajax()` 方法。如果只是简单发个POST请求，用 `$.post()` 更省事。这里头得配置几个关键东西：
- `url`: 这个就指向我后台处理数据的PHP文件，比如叫 `load_more_*`。
- `method` 或 `type`: 指定请求方法，我习惯用 POST，感觉安全点，虽然这里GET也行。
- `data`: 这个就是要传给后台PHP的数据。比如我得告诉后台，现在页面上已经显示了多少条数据了，这样它才知道下一次该从数据库的哪条记录开始查。我就传了个类似 `{ 'offset': currentItemCount }` 这样的对象过去。`currentItemCount` 是我用JS记录的一个变量，表示当前已加载的数量。
- `success`: 这个是回调函数，就是请求成功，并且PHP那边也顺利返回数据之后，要做的事情。
- `error`: 这个也得写上，万一请求失败了，比如网络问题或者PHP脚本出错，好歹给用户个提示，或者在控制台打个日志方便自己排查。
处理返回数据： 在 `success` 回调函数里，PHP会返回新查到的数据。我让PHP返回的是JSON格式的字符串。所以在JS这边拿到这个字符串后，先用 `*()` 或者让jQuery自动处理（通过设置 `dataType: 'json'`），把它变回JS能用的对象或数组。
更新页面： 拿到新数据后，就循环遍历这些数据，动态创建HTML元素（比如列表项 `
`），然后用jQuery的 `append()` 方法把这些新元素追加到 `dataListContainer` 这个 `div` 的末尾。别忘了更新那个 `currentItemCount` 变量，把新加载的数据量加上去。

后端PHP脚本

后台 `load_more_*` 这个文件干的活儿也挺直接：

接收参数： 先用 `$_POST['offset']` (因为我前端用的POST) 拿到传过来的 `offset` 值，也就是从第几条开始查。拿到之后最好做个校验，比如是不是数字，是不是负数啥的，防止乱传参数。
连接数据库查询： 这部分就是常规的PHP操作数据库了。连接数据库，然后写SQL语句。大概意思就是 `SELECT FROM your_table LIMIT [传过来的offset], [每次加载的数量]`。比如每次加载10条，那SQL就类似 `LIMIT $_POST['offset'], 10`。
处理查询结果： 把查到的数据从数据库结果集里取出来，放到一个PHP数组里。
返回JSON数据： 这是关键一步。不能直接 `echo` 那个PHP数组，得把它转换成JSON格式的字符串再输出。用 `json_encode()` 函数就行。在输出之前，最好设置一下HTTP响应头 `header('Content-Type: application/json');`，告诉浏览器返回的是JSON。
输出： `echo json_encode($dataArray);` 把JSON字符串打出去。JS那边就能收到了。

实践中的小坑

整个过程下来，虽然思路简单，但实际操作时还是遇到点小问题：

一开始忘了在PHP里 `json_encode`，直接 `echo` 了一个数组，结果JS那边收到的是字符串 "[Array]"，解析直接报错。
还有就是 `offset` 参数的传递和接收，有时候会因为类型问题或者SQL拼写错误导致查不到数据或者查错数据。
数据量大的时候，或者查询复杂的时候，PHP处理可能会有点慢，前端等待时间变长。这时候可能需要考虑优化SQL查询，或者在前端加个“加载中”的提示，改善体验。

PHP配合jQuery搞AJAX请求这套流程跑通了之后，感觉还是挺方便的。实现了页面局部刷新，用户体验确实能提升不少。虽然现在前端框架很多都自带了这些功能，但了解一下底层的这种实现方式，还是挺有帮助的。反正就是多写多练，熟能生巧嘛

上一篇: cc域名在哪注册比较好？分享靠谱注册渠道！

下一篇: Windows云主机登录不上？一招教你轻松解决！

php ajax请求实例教程：一个简单的获取用户列表的例子。

随便看看