jQuery AJAX: Uncaught SyntaxError: Unexpected token

Question

I am trying to update my div content with new content when the user uses the search textbox:

$('#business_request_filter_search_textbox').on('input propertychange paste', function () {
    $.ajax({
        url: "/ajax/housekeeping/business/" + $("#search_filter_selection")[0].selectedIndex == 1 ? "get-requests-by-username" : "get-requests-by-business-name";
        type: "GET",
        cache: false,
        data: { search: $('input#business_request_filter_search_textbox').val() },
        beforeSend: function(xhr) {
            $('#request_area').html('<center>Please wait while we gather results...</center>');
        },
        success: function(data) {
            $('#request_area').html(data);
        },
    });
});

Now I have a dropdown selecting what they want to filter the search by, the username or the business name. This is the line that is throwing the error.

url: "/ajax/housekeeping/business/" + $("#search_filter_selection")[0].selectedIndex == 1 ? "get-requests-by-username" : "get-requests-by-business-name";

Am I doing something wrong?

have you check this $("#search_filter_selection")[0].selectedIndex == 1 ? "get-requests-by-username" : "get-requests-by-business-name" condition ? — Brave Soul
– Brave Soul, Commented Jan 30, 2017 at 12:34
may be try ($("#search_filter_selection")[0].selectedIndex == 1) ? "get-requests-by-username" : "get-requests-by-business-name" with brackets — Vinod Louis
– Vinod Louis, Commented Jan 30, 2017 at 12:37

shuangwhywhy · Accepted Answer · 2017-01-30 12:57:57Z

1

You should have a comma ',' at the end of the url line:

$('#business_request_filter_search_textbox').on('input propertychange paste', function () {
    $.ajax({
        url: "/ajax/housekeeping/business/" + $("#search_filter_selection")[0].selectedIndex == 1 ? "get-requests-by-username" : "get-requests-by-business-name",
        type: "GET",
        cache: false,
        data: { search: $('input#business_request_filter_search_textbox').val() },
        beforeSend: function(xhr) {
            $('#request_area').html('<center>Please wait while we gather results...</center>');
        },
        success: function(data) {
            $('#request_area').html(data);
        },
    });
});

answered Jan 30, 2017 at 12:57

shuangwhywhy

5,6232 gold badges23 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Arshmeet · Accepted Answer · 2017-01-30 12:41:17Z

0

You don't have dataType defined for the ajax call. Add dataType which is the expected format of your ajax request which can be text, json etc

answered Jan 30, 2017 at 12:41

Arshmeet

3261 silver badge8 bronze badges

Comments

Kaushik solanki · Accepted Answer · 2017-01-30 13:11:06Z

0

Try This Code

$('#business_request_filter_search_textbox').on('input propertychange paste', function () {
    $.ajax({
        url: "/ajax/housekeeping/business/" + $("#search_filter_selection")[0].selectedIndex == 1 ? "get-requests-by-username" : "get-requests-by-business-name",
        type: "GET",
        cache: false,
        data: { search: $('input#business_request_filter_search_textbox').val() },
        beforeSend: function(xhr) {
            $('#request_area').html('<center>Please wait while we gather results...</center>');
        },
        success: function(data) {
            $('#request_area').html(data);
        },
    });
});

Hope This help You :) Enjoy :)

answered Jan 30, 2017 at 13:11

Kaushik solanki

4381 gold badge3 silver badges15 bronze badges

Comments

tyrodeveloper · Accepted Answer · 2023-11-23 15:07:11Z

0

change:

data: { search: $('input#business_request_filter_search_textbox').val() }

to:

data: JSON.stringify({ search: $('input#business_request_filter_search_textbox').val() })

answered Nov 23, 2023 at 15:07

tyrodeveloper

1411 silver badge6 bronze badges

Collectives™ on Stack Overflow

jQuery AJAX: Uncaught SyntaxError: Unexpected token

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related