资讯专栏INFORMATION COLUMN

jQuery+AJAX+PHP+MySQL数据库开发搜索功能,无跳转无刷新搜索。

starsfun / 2382人阅读

摘要:知识点提交表单,查询数据库,返回数组,遍历输出数组演示当表单无输入任何关键词的时候,返回请输入关键词当表单输入的关键词查询无果的时候,返回无结果当表单输入的关键词查询有结果,则返回结果。

知识点:ajax提交表单,php查询数据库,php返回json数组,javascript遍历输出json数组
演示:

1、当表单无输入任何关键词的时候,返回"请输入关键词..."

2、当表单输入的关键词查询无果的时候,返回"无结果"

3、当表单输入的关键词查询有结果,则返回结果。

表单页面

index.html



    
    
    
    AJAX搜索
    
    
    



    

AJAX+PHP+MySQL搜索


服务端

search.php

数据库配置

config.php


数据库结构

数据库名:test
表名:datalist
字段:id,title,url
字段解析:
id - 自增ID
title - 标题
url - 页面链接

作者:TANKING
2018-7-12

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/96088.html

相关文章

  • jQuery+AJAX+PHP+MySQL据库开发搜索功能无跳转无刷新搜索

    摘要:知识点提交表单,查询数据库,返回数组,遍历输出数组演示当表单无输入任何关键词的时候,返回请输入关键词当表单输入的关键词查询无果的时候,返回无结果当表单输入的关键词查询有结果,则返回结果。 知识点:ajax提交表单,php查询数据库,php返回json数组,javascript遍历输出json数组 演示: 1、当表单无输入任何关键词的时候,返回请输入关键词... showImg(http...

    yagami 评论0 收藏0
  • HTML5 history API,创造更好的浏览体验

    摘要:而唯一不引发刷新的参数并不会发送到服务器,因此服务器无法获得状态。目前建议设置为空字符串。此外请注意,及本身调用时是不触发事件的。我认为,按照渐进增强的思路,这样就是最好的了,也就是只使用较少的代码优化高级浏览器的使用体验。 HTML5 history API有什么用呢? 从Ajax翻页的问题说起 请想象你正在看一个视频下面的评论,在翻到十几页的时候,你发现一个写得稍长,但非常有趣的评...

    zgbgx 评论0 收藏0
  • 采用vue+webpack构建的单页应用——私人博客MintloG诞生记

    摘要:我采用原生编写后台,因为感觉增删改查的功能很简单,就懒得用框架了其实是不会。浏览模式它也有一个,用来切换文章列表和文章详情,也就是和编辑模式它加载了作为工具栏,然后可以进行文章的撰写与修改。 介绍 项目地址:https://github.com/jrainlau/MintloG (特别乱,参考就好-_-|||)showImg(https://segmentfault.com/img/b...

    Terry_Tai 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<