日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網營銷解決方案
jQuery插件之Ajax自動完成

平時用百度，谷歌搜索的時候，會有一個下，拉列表進行提示，這是一個非常好的功能。本文要介紹的這個JQuery 插件名叫Ajax Autocomplete 顧名思義，ajax 也就是用ajax的方式獲取搜索提示信息然后返回呈現(xiàn)出來，上效果圖

閑話不多說直接上代碼

本文使用到的文件有：

1，點擊 Ajax Autocomplete for jQuery, version 1.1.3  下載

引用文件：

 
 
 
 
    
  
  
  
  
  1.   
    2.   
  
  
  
  2.   
    3.

使用方法：

定義一個id 為query的文本框

 
 
 
 
    
  
  
  
  
  1.  
    2.  
 
 
 
  
 
 
 
    
   
  
  
  
  1.   
    2.    
  
  
  
  2.  
    3.

下面就是后臺獲取數(shù)據的代碼了

剛才提到 'QueryServices.ashx'  這個文件 這就是后臺處理數(shù)據的文件

因為這個插件要求返回結果必須是一個JSON對象 這個JSON對象的格式是這樣的

 
 
 
 
    
  
  
  
  
  1. {  
    2.   
  
  
  
  2.  query:'Li', //前臺輸入的查詢內容  
    3.   
  
  
  
  3.  suggestions:['Liberia','Libyan Arab Jamahiriya','Liechtenstein','Lithuania'],//這里就是下拉框里顯示的數(shù)據了 和下面的data是對應的 屬于一鍵一值  
    4.   
  
  
  
  4.  data:['LR','LY','LI','LT']//這里和suggestions對應 作為suggestions的鍵  
    5.   
  
  
  
  5. } 
    6.

suggestions 對應前臺 onAutocompleteSelect =function(value, data) 回調函數(shù)的 value 而

data 顧名思義 對應data

插件介紹到此為止  數(shù)據傳送格式已和大家 列出大家可根據自己所用語言自行序列化。

原文鏈接：http://www.cnblogs.com/maxiao/archive/2012/04/25/2470712.html


分享文章：jQuery插件之Ajax自動完成
網頁網址：http://m.5511xx.com/article/dhejhce.html