Using $.ajax post to send data to node.js server not working

Question

My goal is to convert a table date into array and send the array to the server side using Ajax post. This is my first time using Ajax post and i have followed all the answer in previous post. I don't still know what am missing. I am using body-parser to get the data on the server side. I will appreciate any assistance or if there is another easier way to send array to server side. My current output in undefined when I tried to print the output. Please see my code below:

ejs side

<table id="cartGrid">
        <thead>
             <tr>
                <th>Item Description</th>
                <th>Qty</th>
                <th>Unit Price</th>
                <th>Ext Price</th>
             </tr>
        </thead>
        <tbody>
          <tr><td>Old Lamp</td><td>1</td><td>107.00</td><td>107.00</td>
          <tr><td>Blue POst</td><td>2</td><td>7.00</td><td>14.00</td>
   </tbody>
</table>

<script>
// convert table to array

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

// post the data
$.ajax({
        url: "/saler",
        type: "POST",
        data: myTableArray,
    });

});

</script>

server side

router.post('/saler', function (req, res, next) {
  var myTableArray = req.body.myTableArray;
  console.log(myTableArray);
});

app.js

app.use( bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));

Hank X · Accepted Answer · 2020-03-16 08:14:07Z

1

there is no myTableArray in your request body.

unless when you sending data you do this:

$.ajax({
        url: "/saler",
        type: "POST",
        data: {myTableArray},
    });

});

then you can do req.body.myTableArray to read the myTableArray.

try console.log(req.body) first to check the data struct in your request.

answered Mar 16, 2020 at 8:14

Hank X

2,0542 gold badges15 silver badges33 bronze badges

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

3 Comments

Naheem Olaniyan Over a year ago

Thanks, it works. But I have an issue of the post working immediately when I load the page. Please how can I prevent this? I prefer it to only work when I click a button. Thanks.

Hank X Over a year ago

@NaheemOlaniyan add a button in your page. add click event listener to it, <button onclick=postMethod>Send</button>. postMethod is where you call $.ajax

Naheem Olaniyan Over a year ago

Got it. Thanks so much.

Collectives™ on Stack Overflow

Using $.ajax post to send data to node.js server not working

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related