2010-04-21 43 views
0

我使用自動建議使用Ajax Json發送json數據鏈接使用jQuery jquery

現在,當用戶選擇一個用戶名,我想給該用戶名

的json數據以這種方式

{ 
query:'hel', 
suggestions:["hello world","hell boy ","bac to hell"], 
data:["2","26","34"]      
} 
現在

到來的鏈路上發送的用戶是什麼我想,用戶去http://userProfile.php?uid=26選擇用戶名(假設用戶選擇「地獄男孩」) 如何做到這一點?

UPDATE: 我描述什麼IM使用搜索框使用jquery AJAX,當用戶寫在輸入框中輸入一些文字一步 即時通訊做一步,我們展示(建議)值regarading他們的搜索

STEP 1.當用戶寫至少(2字母)<input type="text" name="q" id="query" />然後一個函數(下)在調用中,我發送寫在文本框(如地獄)的價值。

<script type="text/javascript" language="javascript"> 
    var options, a; 
    jQuery(function(){ 
     options = { serviceUrl:'rpc.php' }; 
     var a = $('#query').autocomplete({ 
     serviceUrl:'rpc.php', 
     minChars:3, 
     delimiter: /(,|;)\s*/, // regex or character 
     maxHeight:400, 
     width:300, 
     zIndex: 9999, 
     deferRequestBy: 0, //miliseconds 
     }); 
    }); 
</script> 

STEP 2:rpc.php,我收集數據並顯示使用JSON 我最後的數據來自於以下格式

{ 
query:'hell', 
suggestions:["hello world","hell boy ","bac to hell"], 
data:["2","26","34"]      

}

在具有建議列表中的用戶名和數據是userid(來自user_tables)。上述數據是在一個DIV(上前端),其中用戶名顯示在列表

步驟3:現在,如果我使用UPARROW選擇任意的用戶名,DownArrow中文然後該名稱被填充在輸入框中, 。步驟4:現在我想的是,當用戶選擇USENAME然後頁面會自動轉到該用戶的個人資料部分(userprofile.php?uid=2

+0

我想你是指'JSON'而不是jason。至於你的問題,你需要更確切地說明你想要做什麼。 – Abs 2010-04-21 14:47:33

+0

@Abs這是json,謝謝你指點,現在我已經更新了我的問題,請參閱 – diEcho 2010-04-21 15:03:13

回答

1

,如果你看一下page you linked,在「如何使用」部分中,您將看到您可以添加回撥功能onSelect

// callback function: 
onSelect: function(value, data){ alert('You selected: ' + value + ', ' + data); }, 

現在您應該可以訪問您的數據,並將您的用戶移至您所需的頁面。

例如類似如下:

<script type="text/javascript" language="javascript"> 
var options, a; 
jQuery(function(){ 
    options = { serviceUrl:'rpc.php' }; 
    var a = $('#query').autocomplete({ 
    serviceUrl:'rpc.php', 
    minChars:3, 
    delimiter: /(,|;)\s*/, // regex or character 
    maxHeight:400, 
    width:300, 
    zIndex: 9999, 
    deferRequestBy: 0, //miliseconds 
    // callback function: 
    onSelect: transferUser }, 
    }); 
}); 

function transferUser(value, data) 
{ 
window.location.href = 'userprofile.php?uid=' + data; 
} 
</script> 

(請注意,我沒有測試過這一點,但它應該給你一些想法,如何進行!)

這也可能是值得一提的是,最新版本的jQuery UI also has autocomplete

+0

謝謝!那是我想要的 – diEcho 2010-04-22 05:41:24