搜尋
首頁php教程php手册php ajax实时输入自动搜索匹配程序代码

本文章来给大家介绍php ajax实输入自动搜索匹配程序代码,希望此款程序对大家所有帮助了,第一种方法利用了jquery autocomplete,第二种使用了jquery ajax,其实两个都差不多.

最简单的办法我们就是直接使用jquery autocomplete方法了,如下在实例.

html中,代码如下:

<script src="/js/v2/jquery.input_complete.js" type="text/javascript" ></script> 
<link rel="stylesheet" href="/css/v2/jquery.input_complete.css" type="text/css" /> 
<script type="text/javascript"> 
$(function () {
$("#abcc").bigAutocomplete({
    width : 176,
    data : [{
            title : "九龙仓世纪华府",
            result : "5976898"
        }, {
            title : "九龙仓君玺",
            result : "5976896"
        }, {
            title : "舟山朱家尖东沙度假村",
            result : "5976895"
        }, {
            title : "广厦天都城爵士花园",
            result : "5976893"
        }, {
            title : "绿城玉园",
            result : "5976892"
        }, {
            title : "江南铭楼",
            result : "5976890"
        }
        , {
            title : "世茂江滨花园",
            result : "14869"
        }
    ],
    callback : function (data) {
        $("#s_loupan").val(data.result);
    }
});
</script> 
<input type="text" id="abcc" class="sel_quy" autocomplete="off" />

本文目的是让 某个标题 带有 The 的不按字母t首字母搜索,而是按照第二个文字的首字母搜索.

比如 The Orbolg,按T的时候不显示,按O的时候才显示,下面是实现代码,我自己都晕晕的,测试是没有问题,代码如下:

<?php
public function gwquery() {
    if ($_POST) {
        $zm = $_POST[&#39;data&#39;];
        $wzm = $zm . "%";
        $b = M(&#39;Wpindexgw&#39;);
        if ($zm != "t") { //获取的首字母不是t的时候
            $list1 = $b->where("gwstatus=1 and gwname like &#39;%$zm%&#39;")->order("time desc")->select(); //查询
            $narr = array();
            foreach ($list1 as $key => $val) {
                $ct2 = explode(" ", $val[&#39;gwname&#39;]); //获取标题拆分成数组。
                $szm = strtolower(substr($ct2[1], 0, 1)); //获取首字母 并且小写
                if ($ct2[0] == "The" && $szm == $zm) { //如果第一个字符是The 并且第二个字母首字母和提交的相同,这里The 区分大小写。
                    $narr[] = $val; //写入数组
                    
                }
            }
        } else { //处理首字母是T的时候    ,不希望第一个字数The 的显示在列表里。
            $list1 = $b->where("gwstatus=1 and gwname like &#39;$wzm&#39;")->order("time desc")->select();
            foreach ($list1 as $key => $val) {
                $ct2 = explode(" ", $val[&#39;gwname&#39;]);
                if ($ct2[0] == "The") {
                    $unnarr[] = $key; //获取符合条件的,要去掉的内容的数组标号。
                    
                }
            }
        }
        $list = $b->where("gwstatus=1 and gwname like &#39;$wzm&#39;")->order("time desc")->select(); //正常的查询。
        if ($zm == "t") { //处理当首字母是t的时候 ,去掉上面查询得到的内容,也就是如果是The的时候 按T 不显示。
            foreach ($unnarr as $uval) {
                unset($list[$uval]);
            }
        } else { //按下的不是t的时候,要把第二个首字母符合的内容添加到正常查询的数组中。
            if (!emptyempty($narr) && !emptyempty($list)) { //带The 的符合条件正常 本身也不空的时候。
                $list = array_merge($narr, $list); //合并数组。
                
            } else if (emptyempty($list)) { //正常查询为空。则看是否有带The开头的,有则合并
                $list = array();
                $list = array_merge($narr, $list);
            } //开源代码phprm.com
            
        }
        if ($list) {
            $this->ajaxReturn($list, &#39;success&#39;, 1);
        } else {
                    $this->error("Bestiary not found.");
        }
    }
}


相比之前的代码, 相差太多, 代码如下:

public function gwquery1() { //之前备份。。
    if ($_POST) {
        $zm = $_POST[&#39;data&#39;];
        $wzm = $zm . "%";
        $b = M(&#39;Wpindexgw&#39;);
        $list = $b->where("gwstatus=1 and gwname like &#39;$wzm&#39;")->order("time desc")->select();
        //dump($list);
        if ($list) {
            $this->ajaxReturn($list, &#39;success&#39;, 1);
        } else {
            $this->error("Bestiary not found.");
        }
    }
}


本文链接:

收藏随意^^请保留教程地址.

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)