jquery Ajax doesn't show any message(neither success nor failure)

Question

I want to submit a form with jquery Ajax. But it does not show any kind of message. I have followed this question and this question. But I didn't get my solution. My jquery code is:

$(document).ready(function () {

  $("#btnSave").submit(function (e) {

    e.preventDefault();

    var myTableArray = [];

    $("table#vouchTable tr").not(':first').each(function () {
        var arrayOfThisRow = [];
        var tableData = $(this).find('td');
        if (tableData.length > 0) {
            tableData.each(function () { arrayOfThisRow.push($(this).text()); });
            myTableArray.push(arrayOfThisRow);
        }

   }); ///This Part works fine 

    ///But this part does not work 

    $.ajax({
        url: '/Accounts/VoucherEntry',
        type: 'POST',
        data: JSON.stringify(myTableArray),
        contentType: 'application/json; charset=utf-8',
        dataType: 'json',

        success: function (msg) {
            alert(msg);
        },
        error: function (xhr, status, error) {
            var err = eval("(" + xhr.responseText + ")");
            alert(err.Message);
        }

    });


    return false;

    ////////////////////

  });
});

is there any error message on console? press F12 and see error — Jitendra Tiwari, May 10 '16 at 06:19
check if the request is being sent. check it through chrome network tab — Karthik M R, May 10 '16 at 06:37
I tried. But I could not. The site says, "It looks that your post is most likely code........ " @guradio — Kallol Das, May 10 '16 at 06:41

Husni Salax · Answer 1 · 2016-05-10T06:36:15.303

Try this:

Missing end brackets for : $(document).ready(function () {

Missing end brackets for : $("#btnSave").submit(function (e) {

   $(document).ready(function () {

      $("#btnSave").submit(function (e) {

        e.preventDefault();

        var myTableArray = [];

        $("table#vouchTable tr").not(':first').each(function () {
            var arrayOfThisRow = [];
            var tableData = $(this).find('td');
            if (tableData.length > 0) {
                tableData.each(function () { arrayOfThisRow.push($(this).text()); });
                myTableArray.push(arrayOfThisRow);
            }

       }); 

       var data = JSON.stringify(myTableArray);
        $.ajax({
            url: '/Accounts/VoucherEntry',
            type: 'POST',
            data: data,
            dataType: 'json',

            success: function (msg) {
                alert(msg);
            },
            error: function (xhr, status, error) {
                var err = eval("(" + xhr.responseText + ")");
                alert(err.Message);
            }

        });
     });  // <-----  Missing brackets!!!
  });    //  <-----  Missing brackets!!!

answering with try this without any explanation does not help the OP — guradio, May 10 '16 at 06:25

madalinivascu · Answer 2 · 2016-05-10T06:40:12.980

0

Format you data like:

data: {data:myTableArray},

in c# get the data by the key data

edited May 10 '16 at 06:40

answered May 10 '16 at 06:29

madalinivascu

32,064
4
39
55

jquery Ajax doesn't show any message(neither success nor failure)

2 Answers2