jQuery Autocomplete avec des images: une petite personnalisation

Question

Je suis un débutant dans jQuery. J'essaie d'utiliser le plugin jQuery auto complet dans ma page ASP.NET. J'ai téléchargé l'exemple du site et essayer de le réécrire de PHP à ASP.NET

Quelqu'un peut-il m'aider à le réécrire?

<script type="text/javascript"> 

$(). Prêt (function() {

function findValueCallback(event, data, formatted) { 
    $("<li>").html(!data ? "No match!" : "Selected: " + formatted).appendTo("#result"); 
} 

function formatItem(row) { 
    return row[0] + " (<strong>id: " + row[1] + "</strong>)"; 
} 
function formatResult(row) { 
    return row[0].replace(/(<.+?>)/gi, ''); 
} 


$("#imageSearch").autocomplete("images.php", { 
    width: 320, 
    max: 4, 
    highlight: false, 
    scroll: true, 
    scrollHeight: 300, 
    formatItem: function(data, i, n, value) { 
     return "<img src='images/" + value + "'/> " + value.split(".")[0]; 
    }, 
    formatResult: function(data, value) { 
     return value.split(".")[0]; 
    } 
}); 

et page contient

<input type="text" id='imageSearch' /> 
     <input type="button" value="Get Value" /> 

Contenu de images.php

$term = $_REQUEST['q']; 
$images = array_slice(scandir("images"), 2); 
foreach($images as $value) { 
if(strpos(strtolower($value), $term) === 0) { 
    echo $value . "\n"; 
} 

}

J'ai une question sur ce

1. Je comprends le images.php retournera la liste des images.Peut-on me fournir le format avec un exemple? Sera-ce une collection d'éléments de la liste, ou divs ou une seule chaîne séparée par des caractères

2. Comment le javscript est la formation de la sortie reçue.Dans mon cas, je veux retourner une liste d'éléments (noms d'image) et un texte (légende) avec un ID pour cela.Alors que les utilisateurs verront l'image et le texte dans la liste des options et quand il choisit, je veux montrer une autre page il (je veux utiliser la balise d'ancrage pour naviguer vers une autre page avec l'identifiant de l'option qui l'utilisateur sélectionné.

me guider Veuillez Merci d'avance

Answer 1

1. Je comprends le images.php retournera la liste des images.Peut-on l'un me fournir le format avec un exemple ? Sera-ce une collection de la liste articles, ou divs ou une seule chaîne par certains caractères séparés

Ne pas avoir exécuté le code, ce sera une liste de chaînes séparées par saut de ligne (« \ n ») caractères; par exemple:

"image1.jpg\nimage2.jpg\nimage3.jpg" 

2. Comment le javscript est la formation de la sortie reçue.Dans mon cas, je veux retourner une liste d'éléments (noms d'image) et un texte (légende) avec un ID pour cela.Alors que les utilisateurs verront l'image et le texte dans la liste des options et quand il choisit, je veux montrer une autre page là (je veux employer l'étiquette d'ancre là pour naviguer à une autre page avec l'id de l'option que l'utilisateur a choisi

Vous pourriez vouloir jeter un oeil à JSON si vous voulez retourner des données structurées à partir du serveur