Uncaught SyntaxError: missing ) after argument list - Other answers did not solve it

Question

My SO search tells me that this error occurs when you have an extra bracket, or another formatting error (source, source etc.). But I have gone through my code snippet again and again, and haven't been able to spot any such problem. But I am still getting the error:

Uncaught SyntaxError: missing ) after argument list

Following is my script. The question is why I am getting this error, and how to resolve this.

<?php 

$(document).ready(function() {
    alert("scripts.js detected");//check

    alert($("input#theInput").val());//check



    /*
    *
    */
    $("form#theInputForm").submit(function(event) {
        event.preventDefault();

        if ($("input#theInput").val() == '') {
            alert("Please enter a the value.");
        } else {

            $(".inputFormWrapper").css("height") = "10vh";
            $(".otherSectionWrapper").show();


            var theEntered = $("input#theInput").val();


            $.ajax(
                url: "get_the_data_two.php",
                method: "get",
                data: {
                    theFromUser: theEntered
                },
                success: function(otherData, textStatus, jqXHR) {

                    alert(otherData);//check

                },
                error: function(jqXHR, textStatus, errorThrown) {
                    alert("textStatus: " + textStatus + " \nerrorThrown: " + errorThrown);//check
                }
            );

        }

    });




});

?>

Ajax object was wrong `{` is missing change like this `$.ajax({` — prasanth, Jun 05 '17 at 08:05
`$(".inputFormWrapper").css("height") = "10vh";` is a Bad assignment — Yosvel Quintero, Jun 05 '17 at 08:06

score 3 · Answer 1 · edited Jun 05 '17 at 08:14

Two things :: Assignment of height is not proper and ajax syntax.

Your else part should be as follows:

{
    $(".inputFormWrapper").css("height","100px");
    $(".responseSectionWrapper").css("height","90px");


    var tmsiEntered = $("input#tmsiInput").val();


    $.ajax({
        url: "get_auth_data_two.php",
        method: "get",
        data: {
            tmsiFromUser: tmsiEntered
        },
        success: function(responseData, textStatus, jqXHR) {

            alert(responseData);//check

        },
        error: function(jqXHR, textStatus, errorThrown) {
            alert("textStatus: " + textStatus + " \nerrorThrown: " + errorThrown);//check
        }
    });

}

When in doubt, check the API: http://api.jquery.com/css/

score -1 · Answer 2 · edited Jul 25 '19 at 10:46

-1

In my callback function i have missed , in argument list Example: #####

function one(arg,callback){
  alert("hay $(arg)");
  callback();
}

one('avinash'function(){ //one('avinash',function(){ if ',' missing will get error
  alert("after execution");    
});

edited Jul 25 '19 at 10:46

Vaibhav Vishal

6,576
7
27
48

answered Jul 25 '19 at 07:02

Avinash Khadsan

441
3
6

Uncaught SyntaxError: missing ) after argument list - Other answers did not solve it

2 Answers2