Discussion :

[alaninho]

Bonjour,

j'essaye de travailler avec AJAX, python et JQuery.

J'ai réussi à envoyer les donnés du JQUERY à python mais le problème, c'est que quand j'écris le résultat de "response" dans AJAX, j'ai tout le script python qui s'écrit et non le résultat.

C'est juste pour un test pour ensuite bosser sur quelques choses de plus sérieux. Donc voici mon code :

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
19
20
function ajax_test(){
     $('#jQuery_send').text("jQuery sent: " + $('#test_text').val() );
     $.ajax(
     {
        type: "POST",
        url: "./cgi-bin/test.py",
        datatype:"json",
        data: {'key':'value', 'key2':'value2'},
        success: function(response)
        {
           $('#python_response').html("Python returned: " + response);
        }
     });
}
 
 
window.onload = function(){
    document.getElementById('test_button').onclick= function(){
ajax_test()}
}

Code html :

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

1
2
3
4
5
6
7
8
9
<div class="main">
<center>
<form id="test_box"><input id="test_text" type="text"/>
<input id="test_button" type="button" value="submit"/></form>
<br/>
<div id="jQuery_send"></div>
<div id="python_response"></div>
</center>
</div>

Code python :

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
19
20
21
22
23
24
25
26
27
28
29
30
#!/usr/bin/python                                                                                                                                                                                            
 
import cgitb
import json
import sys
 
cgitb.enable()  # for troubleshooting                                                                                                                                                                        
 
#the cgi library gets vars from html                                                                                                                                                                         
form = cgi.FieldStorage()
#jquery_input = form.getvalue("stuff_for_python", "nothing sent")                                                                                                                                            
 
print "Content-Type: application/json"
 
print "\n"
print "\n"
 
result = {}
 
result['success'] = True
result['message'] = "The command Completed Successfully"
result['keys'] = ",".join(fs.keys())
 
d = {}
for k in fs.keys():
    d[k] = fs.getvalue(k)
 
result['data'] = d
 
print json.dumps(result,indent=1)

J'aimerai afficher dans la div "python_response" la valeur d'une clé par exemple.

J'espère avoir de l'aide

Merci

Alaninho

[danielhagnoul]

Bonjour

success: function( response ){ ... }.

La variable response est un objet JS, pas du HTML.

Pour voir le contenu : console.log( response.message, response.keys, response.data );.

Pour inclure dans du HTML : $( selector ).html( '<p>' + response.message + '</p>' );.


Pour la construction d'un objet JSON en Python, l'usage de "print" est-il correct ?

J'ai vu cet exemple :

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
19
20
21
22
23
24
25
26
27
28
29
#!/usr/bin/env python
 
import sys
import json
import cgi
 
fs = cgi.FieldStorage()
 
sys.stdout.write("Content-Type: application/json")
 
sys.stdout.write("\n")
sys.stdout.write("\n")
 
 
result = {}
result['success'] = True
result['message'] = "The command Completed Successfully"
result['keys'] = ",".join(fs.keys())
 
d = {}
for k in fs.keys():
    d[k] = fs.getvalue(k)
 
result['data'] = d
 
sys.stdout.write(json.dumps(result,indent=1))
sys.stdout.write("\n")
 
sys.stdout.close()

[alaninho]

Ca marche très bien avec ton example.

Je pense que je ne comprenais pas encore assez bien le fonctionnement de AJAX et de JSON.

C'est ok pour moi maintenant.

Merci.