2011-12-25 13 views
5

मैं इस पर हमेशा के लिए काम कर रहा है वापस नहीं, और अन्य सभी उदाहरणों के माध्यम से खोज की है और अभी भी यह पता लगा नहीं कर पा रहे, jQuery ui स्वत: पूर्ण उपयोग करने के लिए कोशिश कर रहा है, पहली बार डाल करने के लिए कोशिश कर रहा है यह सब एक साथ। यहाँ मेरी जे एस है:jQuery स्वत: पूर्ण दूरस्थ JSON डेटा स्रोत डेटा

$(document).ready(function() { 
$("#search-title").autocomplete({ 
    source: function (request, response) { 
     $.ajax({ 
      url: "/include/autocomplete", 
      dataType: "json", 
      data: { 
         term: request.term  
        }, 
      success: function (data) { 
       response($.map(data.stuff, function (item) { 
        return { 
         label: item.name, 
         value: item.name 
        }; 
       })); 
      } 
     }); 
    }, 
    minLength: 2, 
    focus: function (event, ui) { 
     $(event.target).val(ui.item.label); 
     return false; 
    }, 
    select: function (event, ui) { 
     $(event.target).val(ui.item.label); 
     window.location = ui.item.value; 
     return false; 
    } 
}); 
}); 

Firebug में प्रतिक्रिया की जांच कर रहा, मुझे लगता है मैं ठीक से प्रारूपित JSON यहाँ हो रही है:

{"stuff":[ {"label" : "Dragon", "value" : "http://site.com/animal/firebreathers"}] } 

लेकिन यह hooking नहीं कर रहा है किसी कारण से। बाद मैं MINLENGTH मारा एक छोटी सी, खाली बॉक्स खोज फ़ील्ड के नीचे खुल जाएगा लेकिन कोई बात नहीं में होगा।

अद्यतन: जब मैं "चेतावनी (आइटम) जोड़ता हूं;" प्रतिक्रिया कॉल में, मैं एक खिड़की मिलेगा जिसमें बताया गया "site.com पर पृष्ठ बताता है: वस्तु वस्तु" - इस मुद्दे हो सकता है?

+0

आइटम एक वस्तु नहीं है? क्या आपने item.value जैसे आइटम में पैरामीटर तक पहुंचने का प्रयास किया है? –

+0

धन्यवाद !! धन्यवाद, मैं अंततः मेरा जवाब है। –

उत्तर

2

मैं अंत में यह मेरे सवाल के तहत है कि संकेत टिप्पणी करने लगा बाहर है, धन्यवाद।

वापसी है, जो मैं jQuery के यूआई साइट से नकल में, मैं था:

label: item.label, 
value: item.value 

jQuery के साथ अपने संघर्ष हल:

label: item.name, 
value: item.name 

को बदलने कि। मुझे नहीं पता कि यह अच्छा अभ्यास है, लेकिन अंत में यह काम करता है!

0

डेटाप्रकार में बजाय jsonp का उपयोग कर json की कोशिश।

संबंधित मुद्दे