Discussion :

[doudoubens]

Bonjour à tous,
je souhaite acceder et afficher mes données sous forme json .
Ces données sont envoyé par un servlet qui s'occupe de traiter la requête de l'utilisateur ( depuis un formulaire ) et renvoi une liste de données comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
{"myArrayList":[
				{
				"name":"lieu1",
				"latitude":"44.50669",
				"longitude":"-69.797974"
				},
				{
				"name":"lieu2",
				"latitude":"43.18355",
				"longitude":"-85.892945"
				},
				{
				"name":"lieu3",
				"latitude":"40.616904",
				"longitude":"-74.094129"
				}
]}

Comment procéder avec Ajax et jquery pour accéder a ces données la ( renvoyé par le servlet) depuis ma page html.

Formulaire est comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
 
<form id="myform" method="post" action="/InputSearch">
	<input type=text align="middle" size=51 name=query_value
				id="query_value" >
 
	<p style="text-align: center;">
	<input  type="submit" align="middle" size=13 value="Search ">
			</p>
		</form>

/InputSearch étant mon servlet qui effectue le traitement de la requête et renvoi le résultat avec json:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
public  void doGet(HttpServletRequest request,HttpServletResponse response)throws ServletException,IOException {
 
                response.setContentType("text/html");
		response.setCharacterEncoding("UTF-8");
		response.setHeader("Cache-Control", "no-cache");
 (....................traitement .........)
               response.getWriter().write(gson.toJson(array).toString());

Merci pour vos réponses

[SpaceFrog]

Tu fais un submit de ton form ...
=> la page se recharge
tu devrais passer par ajax
pour juste recupérer le json :
http://api.jquery.com/jQuery.parseJSON/

[doudoubens]

Tu fais un submit de ton form ...
=> la page se recharge
tu devrais passer par ajax
pour juste recupérer le json :
http://api.jquery.com/jQuery.parseJSON/

Merci pour ta réponse!!
mais j'ai pas bien compris " faire un submit du form " et puis passer par ajax.
Comment passer par ajax ?

pour récupérer le json est il possible de le faire directement depuis le servlet ?

[SpaceFrog]

si tu soumets le form ... tu recharges la page ...

le principe est de faire une requete ajax qui pointe sur ton fichier sur le serveur
fichier qui va rediger le json.

lors du retour ajax tu recupères le string retourné par le serveur.


en l'occurrence si tu ne souhaites récupérer qu'un json, jquery possède cetet methode :
http://api.jquery.com/jQuery.getJSON/

cette page te montre la methode avac ajax classique ou avec getJson

[doudoubens]

Merci!

je suis tjrs coincé à l'étape : récuperer les données json depuis le servlet ....

[SpaceFrog]

Montre nous ou tu en es avec ton code ...