[AJAX] SyntaxError: invalid property id

SyntaxError: invalid property id

Bonjour, sur un évenement onClick j'écute une fonction ajax

Code:

<a href="#" onclick='mafonction().';>monclik</a>
Code:

1 2 3 4 5 6 7 8 9 10 $.ajax({ url: '"monurl"', cache: false, type: 'GET', success: function(html){ $('#monId').html(html); }, error: function() { alert('Impossible de charger la requête Ajax'); } }); ";
mais j'ai l'erreur suivante:
SyntaxError: invalid property id
	$.ajax({ 
                     ^
         ---------|
j'ai beau cherché mais je trouve aucune erreur d'identifiant

Une idée les amis

Code:

url: '"monurl"',

C'est quoi cette syntaxe ? 8O

Si on part du principe que les simples quotes délimitent la chaine du paramètre url, ça signifie que l'URL que tu essayes d'atteindre, c'est "monurl", ce qui n'est certainement pas une URL valide !

plus précisément mon url est dans un tableau

Code:

1
2
 
url: '".$options['url']."',

resultat

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<a href="#" onclick=
$.ajax({
  url: '/sendCart',
  cache: false,
  type: 'GET',
  success: function(html){
    $('#AlertPanelEmail').html(html);
  },
  error: function() { alert('Impossible de charger la requête Ajax'); }
});

l'url est bien présente

a tout hasard

Code:

1
2
3
 
success: function(data){
    $('#AlertPanelEmail').html(data);

Merci SpaceFrog mais j'ai déjà essayé, aucune différence

Citation:
Code:

1 2 3 4 5 6 7 8 9 10 11 <a href="#" onclick= $.ajax({ url: '/sendCart', cache: false, type: 'GET', success: function(html){ $('#AlertPanelEmail').html(html); }, error: function() { alert('Impossible de charger la requête Ajax'); } });
La syntaxe n'est pas vraiment meilleure... loin de là ! :?
C'est vraiment ce que tu as dans ton code ? :weird:

Oui Bovino c'est l'ensemble de ma fonction Ajax, tout semble correct pourtant

Non, ce n'est pas correct.
Il faut mettre le code jQuery à part entre balises <script> et non dans un attribut, ou sinon, entourer l'ensemble du code de doubles quotes, mais ça va rapidement devenir ingérable ton truc.

Voila exactement mon script
Code:

1 2 <a href="#" onclick='.$onclick.';>CLICK</a>'
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 $onclick = ''; $onclick .= " $.ajax({ url: '/sendCart', cache: false, type: 'GET', success: function(data){ $('#AlertPanelEmail').html(html); }, error: function() { alert('Impossible de charger la requête Ajax'); } }); "; $onclick .= 'return false;';
de plus si je rajoute en début de ma variable $onclick ceci:

Code:

$onclick .= "jQuery('#AlertPanelEmail').html('ok');";

mon div élement #AlertPanelEmail ce remplit bien avec ok, donc la fonction fonctionne

Citation:

de plus si je rajoute en début de ma variable

Essaye en l'ajoutant à la fin pour voir... :whistle:

Sincèrement, ce que tu fais est vraiment pas propre et tu ne pourras jamais le maintenir !
Encore une fois, rien ne t'empêche en organisant correctement ton code de faire les choses dans les règles de l'art en séparant le JavaScript du HTML. Parce que tel que c'est actuellement, tu ne t'en sortiras jamais.
Fais un simple CTRL + U dans le navigateur et tu devrais comprendre ce qui se passe.

oulà j'avais même pas vu :oops:

le html

Code:

1
2
 
<a href="#"  id="mylink" > ....</a>

le js

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script type="text/javascript">
$("#mylink").on('click', function(){
$.ajax({
  url: '/sendCart',
  cache: false,
  type: 'GET',
  success: function(html){
    $('#AlertPanelEmail').html(html);
  },
  error: function() { alert('Impossible de charger la requête Ajax'); }
})
})
 
</script>

A la fin ca ne fonctionne pas car j'ai l'erreur:

Code:

SyntaxError: invalid property id

qui vient bloquer le déroulement

et pour le CTRL+U, j'ai ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<a href="#" onclick=
$.ajax({
  url: '/sendCart/',
  cache: false,
  type: 'GET',
  success: function(data){
    $('#AlertPanelEmail').html(data);
  },
  error: function() { alert('Impossible de charger la requête Ajax'); }
});
return false;jQuery('#AlertPanelEmail').html(ddsd);;><img src="//media.materiel.net/images/gui/main/BskMail.gif" />
 
 
</div>
                         </div>
 
 </div>
        </div>

Merci a tous pour vos nombreux conseil, je vais suivre la méthode de SpaceFrog et séparé le javascript du html comme la suggéré bovino.

merci les amis