php ajax输入提示,ajax怎么实现提示输入信息的功能

布满荆棘的人生 2023-01-17 15:49 151阅读 0赞

这次给大家带来ajax怎么实现提示输入信息的功能，ajax实现提示输入信息功能的注意事项有哪些，下面就是实战案例，一起来看一下。

本文实例为大家分享了ajax实现输入提示效果的具体代码，供大家参考，具体内容如下

网站主页

Title

\*\{

margin:0px auto;

padding:0px;

\}

.l\{

height:50px;

width:198px;

border-bottom:1px solid black;

text-align: center;

line-height:40px;

vertical-align: middle;

\}

$("\#name").keyup(function () \{

var n = $("\#name").val();

if (n != "")\{

$.ajax(\{

url:'ltchuli.php',

data:\{n:n\},

type:'post',

// dataType:'text',

dataType:'json',

success:function (data) \{

//text写法

// var s = data.split("|");

// var str = "";

// for (var i=0;i

// \{

// str = str + "

" +s\[i\] +"

";

// \}

// $("\#list").html(str);

//json写法

for (var i in data)\{

$("\#list").append("

" +data\[i\] +"

");

\}

\}

\});

\}else \{

$("\#list").html("");

\}

\})

处理页面<?php

/\*\*

\* Created by fcc

\* User: Administrator

\* Date: 2017/10/30

\* Time: 9:52

\*/

$n = $\_POST\['n'\];

require\_once "../wenjian/DBDA.class.php";

$db = new DBDA();

$obj = "select region\_name from region WHERE region\_name LIKE '%\{$n\}%' ";

$data = $db->Query($obj);

//echo $data;

echo json\_encode($data);

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

发表评论取消回复

表情：

评论列表（有 0 条评论，151人围观）

还没有评论，来说两句吧...

相关阅读

相关 php ajax输入提示,ajax怎么实现提示输入信息的功能

这次给大家带来ajax怎么实现提示输入信息的功能，ajax实现提示输入信息功能的注意事项有哪些，下面就是实战案例，一起来看一下。本文实例为大家分享了ajax实现输入提示效果

布满荆棘的人生/ 2023年01月17日 15:49/ 0 赞/ 152 阅读

相关利用js实现输入框动态提示信息

为了提高和用户的交互性，现在的输入框往往都采用输入信息自动提示的功能，类似于百度输入框中的提示功能。设计思路是：在输入框input的组件下面放置一个div，这个div主要是

小鱼儿/ 2022年09月23日 14:49/ 0 赞/ 289 阅读

相关 ajax实现搜索提示功能（关键字自动匹配功能）

大家都使用过google或者xunlei的搜索，输入关键字后可以出现相关提示，是个不错的功能，今天就在这里给大家把我的拙作给大家分享截图：效果页面：http://www.xqb

拼搏现实的明天。/ 2022年08月27日 05:57/ 0 赞/ 211 阅读

相关 jQuery Ajax实现简单的搜索框提示功能

html： <DOCTTYPE!> <html lang="en-us"> <head> <meta charset='utf-8'>

Myth丶恋晨/ 2022年07月14日 03:38/ 0 赞/ 227 阅读

相关 input输入框模糊提示功能

主要用到了jQuery.autocomplete函数，定义好一个数组就可以用这个功能了，很方便。 <!doctype html> <html> <he

我就是我/ 2022年06月17日 06:46/ 0 赞/ 317 阅读

相关 ajax搜索提示框

jsp <%@ page language="java" import="java.util." pageEncoding="UTF-8"%>

古城微笑少年丶/ 2022年06月12日 08:38/ 0 赞/ 192 阅读

相关使用 jQuery 的 Autocomplete 插件实现input输入提示功能 input 输入模糊提示demo

如何使用 HTML5 实现文本框输入内容后带有模糊匹配的功能。这其实很简单，而且jQuery也为我们提供了相应的插件 Autocomplete.js。这不是一项新技术，百度一

ゞ浴缸里的玫瑰/ 2022年05月14日 09:38/ 0 赞/ 240 阅读

相关视频网站开发：Ajax异步实现搜索输入框的提示功能

在我们实际项目的开发中，有时候一个小小的功能，可能都需要考虑很长的时间，因为必须把这个小功尽可能的做好做到极致。我的[视频网站][Link 1]从2018年年初

曾经终败给现在/ 2022年04月21日 23:24/ 0 赞/ 239 阅读

相关 DWR实现Ajax自动提示

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] Code 1![ExpandedBlockStart.gif

妖狐艹你老母/ 2021年11月22日 16:18/ 0 赞/ 232 阅读

相关 ajax实现输入框提示信息

![20181112145906611.png][] HtmlPage1.html <head> <meta charset="utf-8" />

淡淡的烟草味﹌/ 2021年09月16日 23:32/ 0 赞/ 415 阅读