à une perte pour expliquer pourquoi ce script simple jQuery AJAX provoque une erreur dans IE7

Question

<script type="text/javascript"> 
$(function(){ 
$('.update').click(function(){ 
    $.ajax({ 
    type: "POST", 
    url: "/reporting_results/mark_result", 
    data: "id="+$(this).attr("id")+"&check="+$(this).val()+"&user_id=<?=$user_id?>&product=<?=$this->uri->segment(3)?>", 
    }); 
return true 
}); 
}); 
</script> 

Answer 1

En raison d'une virgule finale, juste avant la fin de vos options de .ajax de $:

data: "id="+$(this).attr("id")+"&check="+$(this).val()+"&user_id=<?=$user_id?>&product=<?=$this->uri->segment(3)?>", <-- trailing comma, is why 

Answer 2

A l'intérieur des $.ajax supports , le contexte this change pour l'action ajax. Pouvez-vous vérifier que this pointe vers l'élément d'origine à l'origine de l'événement click? J'ai fait des trucs comme ça avant, et je me souviens avoir besoin de pré-charger des variables avant d'entrer dans le bloc $.ajax.

$('.update').click(function() { 
    var id = $(this).attr('id'); 
    var value = $(this).val(); 
    var product = '<?=$this->uri->segment(3)?>'; 
    $.ajax({ 
     type: "POST", 
     url: "/reporting_results/mark_result", 
     data: "id="+id+"&check="+value+"&user_id=<?=$user_id?>&product="+product 
    }); 
}); 

En javascript, la référence this peut être très difficile parfois, car il fait référence au javascript actuel objet contextuel.