如何发送Ajax POST请求

Question

I'm using this code to send a POST to my node API to generate a PDF, my node console gives me these errors:

$('#renderPDF').click(function(){
      var request = $.ajax({
        type: "POST",
        url: 'http://localhost:8080/api/v1/generate',
        data: {doc:"<h1>test 123</h1>"},
      });
      request.done(function(data){
        console.log(data);
      });
});

info: TypeError: null is not an object (evaluating 'child.transform') info: info: phantomjs://code/shim.js:157 in transform info:
phantomjs://code/shim.js:138 in read

When I send a POST (with the Postman tool), the PDF is rendered and everything works.

localhost:8080/api/v1/generate?doc=<h1>testing 123</h1>

What am I doing wrong on my POST request?

Answer 1

I think your problem is that you are sending the doc parameter as a POST parameter, when it looks like its a querystring, try:

$('#renderPDF').click(function(){
  var request = $.ajax({
    type: "POST",
    url: 'http://localhost:8080/api/v1/generate?doc=<h1>testing 123</h1>',
  });
  request.done(function(data){
    console.log(data);
  });
});

Hope it solves your problem.

EDIT: more info on this. You may be sending the request (from postman) as a POST request, but the values sent are not actually POST parameters, they are querystrings ("GET" parameters if you will).

Answer 2

Probably you need/can achieve it easier with formData

eg

data = new FormData();
data.append( 'doc', "<h1>test 123</h1>" );

$.ajax({
    url: 'http://localhost:8080/api/v1/generate',
    data: data,
    processData: false,
    type: 'POST',
    success: function ( data ) {
        alert( data );
    }
});