Uncaught SyntaxError: Unexpected token ) after successful ajax post

Question

When i click on the element <a class="page-number" href="javascript:void();">1</a> The server side code is executed without errors. At the client side i get the error Uncaught SyntaxError: Unexpected token )

The Jquery code is

$(document).ready(function () {
            $(".page-number").click(function () {
                var page = parseInt($(this).html());

                $.ajax({
                    url: '@Url.Action("ProductsList")',
                    data: { "page": page },
                    success: function (data) {
                        $("#products-list").html(data);
                    }
                });
            });
        });

What is wrong with that?

After trying to isolate the issue i noticed that the exception is raised within the ajax callback

why you need javascript:void(); in href...did you try without using that ..? — damitj07, Mar 07 '16 at 17:51
http://stackoverflow.com/questions/3666683/href-javascript-vs-href-javascriptvoid0 — damitj07, Mar 07 '16 at 17:57
@damitj07 If i omit that, after the ajax response, i get a reload of the webpage. — OrElse, Mar 07 '16 at 18:01
Please try javascript:void(0) or you can do a event.preventDefault() on the click function.... — damitj07, Mar 07 '16 at 18:07

score 1 · Accepted Answer · answered Mar 07 '16 at 18:44

1

The problem seems to be the void() function. It requires a parameter. Try using void(0)

answered Mar 07 '16 at 18:44

Sebastianb

1,930
22
29

Uncaught SyntaxError: Unexpected token ) after successful ajax post

1 Answers1