2010-08-03 25 views
1

J'ai besoin de faire une recherche basée sur un terme entré dans une zone de texte. Simplement: l'utilisateur clique sur quelque chose et les résultats sont renvoyés.Comment créer un bouton de recherche RESTful?

Ceci est assez simple, sauf que j'ai un peu de difficulté à l'implémenter. Le problème est, je veux le faire aussi restfully que possible, donc je ne veux pas créer un bouton comme suit:

<input id="searchButton" type="button" value="Search" /> 

parce que cela affichera les données au serveur, et je ne veux pas faire un POST parce que je ne change pas l'état de quoi que ce soit. Je retreiving des données en fonction de la valeur dans la zone de recherche

Je voudrais avoir comme un lien simple, comme:

<a href="/Controller/Action">Search</a> 

mais il doit être de style comme un bouton. Si j'utilisais l'entrée, je pourrais avoir CSS semblable à:

.standardButtonStyle { 
    background:url("../images/search_button.png") no-repeat scroll 0 0 transparent; 
    border:0 none; 
    color:White; 
    cursor:pointer; 
} 

mais je ne pense pas que je peux appliquer à la balise d'ancrage. Quelqu'un peut-il me dire la bonne façon de faire cela?

Répondre

1

1) Vous pouvez choisir la méthode pour votre formulaire. Si vous donnez l'attribut "method = 'GET'" dans votre tag de formulaire, la requête ne sera pas un post, mais un get.

2) Vous pouvez utiliser un élément d'entrée avec le type "bouton" si vous voulez créer un bouton.

3) Vous pouvez placer une balise d'image à l'intérieur de l'étiquette d'ancrage dont le bouton de recherche png est src.

Je pense que vous avez un peu pris dans la complexité. Il pourrait être bon de prendre un peu de recul et de se concentrer sur un problème à la fois. Je ne pense pas que vous ayez vraiment besoin de le rendre aussi compliqué que vous le semblez.

+0

+1 pour l'observation que je me suis pris dans la complexité. Je devais prendre du recul et regarder ce que je faisais réellement. Ensuite, il a commencé à se réunir. – DaveDev

0

Vous devriez avoir un élément de et vous devez ajouter la demande http sur le formulaire

Par exemple: <form action="/sharedorders" method="get">

Questions connexes