Erreur « : manquant après id propriété » lorsque vous utilisez Jquery fonction ajax

Question

Dans le code suivant, je suis en train d'envoyer une paire clé-valeur et je reçois toujours l'erreur:
« : manquant après id propriété »

$(".general").change(function() { 
    fields = { $(this).attr('id') : "1" }; 
    $.ajax({ 
    type: "POST", 
    url: "ajax/update_general.php", 
    data: { fields: fields }, 
    dataType: "json", 
    }); 
}) 

J'ai pensé que ce qui cause le problème est:

$(this).attr('id') 

Mais je n'ai pas la moindre idée pourquoi. J'ai essayé d'assigner $ (this) .attr ('id') à une variable, et mettre la variable dans l'appel ajax, mais cela n'a pas aidé. Comment puis-je résoudre ce problème?
Merci!

Answer 1

C'est une erreur de syntaxe. Vous ne pouvez pas utiliser la valeur de retour d'un appel de fonction en tant que nom de propriété.

Vous pouvez toutefois utiliser cette valeur de retour dans la notation de support après initialisation de l'objet:

fields = {}; 
    fields[$(this).attr('id')] = '1'; 

Answer 2

Lors de la déclaration objet avec {} syntaxe, seules les chaînes (comme { 'foo': 1}) ou une chaîne nue est autorisée ({foo: 1})

Vous devriez écrire quelque chose comme ceci:

var fields = {}; 
fields[$(this).attr('id')] = 1; 

Answer 3

Modifier cette ligne:

fields = { $(this).attr('id') : "1" };

à ceci:

fields = $(this).attr('id') || "1";

C'est si vous l'intention d'avoir quelque chose comme une valeur par défaut.

Si vous voulez un objet, utilisez ceci:

fields[$(this).attr('id')] = "1";