[JQuery] AJAX, ASP et Jquery

**dedein84** · 29/07/2008, 09h09

Bonjour,
Je galère énormement en ce qui concerne AJAX, JQuery et ASP.
J'essaie de créer une autocomplementation elle est connectée à sql server express.
Hélas, je n'y arrive pas. Il faut dire qu'il y a rien concernant JQuery et ASP.
S' il y a une personne qui peut m'aider, je lui serai eternellement reconnaissant

Voici le code de la page asp qui comprend l'input

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<script type="text/javascript" src="jquery-1.2.6..pack.js"></script>
<script>
 function lookup(inputString) {
  if(inputString.length == 0) {
   // Hide the suggestion box.
   $('#suggestions').hide();
  } else {
   $.post('autocomplete.asp', {queryString: "+inputString+"}, function(data){
    if(data.length >0) {
     $('#suggestions').show();
     $('#autoSuggestionsList').html(data);
    }
   });
  }
 } // lookup
 
 function fill(thisValue) {
  $('#inputString').val(thisValue);
  setTimeout("$('#suggestions').hide();", 200);
 }
</script>
 
<style type="text/css">
 body {
  font-family: Helvetica;
  font-size: 11px;
  color: #000;
 }
 
 h3 {
  margin: 0px;
  padding: 0px; 
 }
 
 .suggestionsBox {
  position: relative;
  left: 30px;
  margin: 10px 0px 0px 0px;
  width: 200px;
  background-color: #212427;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border: 2px solid #000; 
  color: #fff;
 }
 
 .suggestionList {
  margin: 0px;
  padding: 0px;
 }
 
 .suggestionList li {
 
  margin: 0px 0px 3px 0px;
  padding: 3px;
  cursor: pointer;
 }
 
 .suggestionList li:hover {
  background-color: #659CD8;
 }
</style>
 
</head>
 
<body>
 
 
 <div>
  <form>
   <div>
    Type your county:
    <br />
    <input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
   </div>
 
   <div class="suggestionsBox" id="suggestions" style="display: none;">
    <img src="upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" width="10" height="10" />
    <div class="suggestionList" id="autoSuggestionsList">
     &nbsp;
    </div>
   </div>
  </form>
 </div>

le code de la page qui recupere les données dans la page asp (autocomplete.asp)

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
 
Dim  rs
Dim Titre  
Titre = request.form("queryString")   
SQL = "Select * From Produit WHERE DescripTitre Like " & Titre
Set rs = Server.CreateObject("ADODB.Recordset")
'Ouverture du premier recordset
rs.Open SQL, conn,3,3
'response.write("<ul>")
Do While Not rs.EOF
      response.write("<onclick=<li onClick=fill("&rs("DescripTitre")& ")> " &rs("DescripTitre") &"</li>")
    'response.write(rs("DescripTitre")) 
    rs.movenext
loop
'response.write("</ul>")
conn.close
set conn = nothing

merci de votre aide

**Bovino** · 29/07/2008, 10h06

Il faut dire qu'il y a rien concernant JQuery et ASP.

C'est normal, jQuery te facilite l'envoi de données au serveur via Ajax puis le traitement des données retournées, mais c'est tout. Le langage serveur utilisé n'a aucune influence sur la partie javascript d'Ajax...

**dedein84** · 29/07/2008, 10h30

merci pour ta réponse.
Mais j'ai enfin réussi à faire mon code

**sbouchaibi** · 27/11/2009, 15h48

Est ce que quelqu'un pourra m'aider ?

Dans ce code, je veux utiliser une base de donnée Access et non pas sql server :

Comment faire pour lle code ?

merci d'avance

**sbouchaibi** · 27/11/2009, 17h05

Je l'ai trouvé

[JQuery] AJAX, ASP et Jquery

jQuery

Vue hybride

Discussions similaires

Partager

Partager