这篇文章主要介绍了关于jquery+ajax+php+mysql开发搜索无跳转无刷新的功能,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
知识点:ajax提交表单,php查询数据库,php返回json数组,javascript遍历输出json数组
演示:
1、当表单无输入任何关键词的时候,返回"请输入关键词..."
![1531467356531159.gif 2255025658-5b4754bdb4764_articlex[1].gif](https://img.php.cn//upload/image/729/230/465/1531467356531159.gif)
2、当表单输入的关键词查询无果的时候,返回"无结果"
![1531467362119539.gif 4138693906-5b47550a75499_articlex[1].gif](https://img.php.cn//upload/image/665/895/524/1531467362119539.gif)
立即学习“PHP免费学习笔记(深入)”;
3、当表单输入的关键词查询有结果,则返回结果。
![1531467369535025.gif 1682155967-5b47556cc3397_articlex[1].gif](https://img.php.cn//upload/image/981/775/585/1531467369535025.gif)
表单页面
index.html
AJAX搜索
服务端
search.php
数据库配置
config.php
数据库结构
![1531467496510126.png 262472067-5b4753fa85e54_articlex[1].png](https://img.php.cn//upload/image/295/227/750/1531467496510126.png)
数据库名:test
表名:datalist
字段:id,title,url
字段解析:
id - 自增ID
title - 标题
url - 页面链接
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:










