JSLint Warning about Ajax data

Question

The following is a snippet of my JS:

$("#submit-email").click(function () {
    var first_name = $("input[name='first_name']").val();
    var last_name = $("input[name='last_name']").val();
    var telephone_number = $("input[name='telephone_number']").val();
    var email_address = $("input[name='email_address']").val();
    var message = $("textarea[name='message']").val();
    $.ajax({
        url: route_send_email,
        method: "POST",
        data: {
            first_name: first_name,
            last_name: last_name,
            telephone_number: telephone_number,
            email_address: email_address,
            message: message
        },
        success: function () {
            $("input[name='first_name']").val("");
            $("input[name='last_name']").val("");
            $("input[name='telephone_number']").val("");
            $("input[name='email_address']").val("");
            $("input[name='message']").val("");
        }
    });
});

JSLint is giving the warning:

Unexpected ': first_name'.

Unexpected ': last_name'.

. . ... up to message.

What exactly is the error? The code works fine, but want to make JSLint happy.

score 4 · Accepted Answer · answered Jan 06 '20 at 14:59

4

The issue with the code is your data property is a JSON Object which the syntax is { "property": value }

JSHint is picking up the fact that you dont have the " surrounding the property names.

your data object should become:

data: {
     "first_name": first_name,
     "last_name": last_name,
     "telephone_number": telephone_number,
     "email_address": email_address,
     "message": message
}

This Question explains in detail a better answer

answered Jan 06 '20 at 14:59

Qpirate

2,078
1
29
41

I believe it was the great philosopher, Homer, who once said, "Doh!" – StackOverflowNewbie Jan 07 '20 at 02:51

score 0 · Answer 2 · answered Jan 10 '20 at 05:26

You need to cover your data keys in "inverted commas" sign, like

$("#submit-email").click(function () {
    var first_name = $("input[name='first_name']").val();
    var last_name = $("input[name='last_name']").val();
    var telephone_number = $("input[name='telephone_number']").val();
    var email_address = $("input[name='email_address']").val();
    var message = $("textarea[name='message']").val();
    $.ajax({
        url: route_send_email,
        method: "POST",
        data: {
            "first_name": first_name,
            "last_name": last_name,
            "telephone_number": telephone_number,
            "email_address": email_address,
            "message": message
        },
        success: function () {
            $("input[name='first_name']").val("");
            $("input[name='last_name']").val("");
            $("input[name='telephone_number']").val("");
            $("input[name='email_address']").val("");
            $("input[name='message']").val("");
        }
    });
});

score 0 · Answer 3 · answered Jan 13 '20 at 06:58

0

In your data object you must have to write the property name in inverted commas like:-

data: {
"first_name": first_name,
"last_name": last_name
}

answered Jan 13 '20 at 06:58

Adnan Tariq

167
5

JSLint Warning about Ajax data

3 Answers3