How to send query parameters through $.post method?

Question

I have an issue how to send my JSON string to $.post call. Since $.post default ContentType is application/x-www-form-urlencoded but my server accepts only application/json header

The reason why I need help in $.post call is I want fast end result

Here my sample code for reference :

var jqxhr = $.post(url, sendData, function(data) {

    console.log(data);
  })
  .done(function() {

  })
  .fail(function(data) {
    console.log("Failed");
    console.log(data);
  })
  .always(function() {

  });

// Perform other work here ...

// Set another completion function for the request above
jqxhr.always(function() {

});

var obj = {
  "timeout": "5s",
  "_source": false,
  "query": {
    "nested": {
      "path": "demo",
      "query": {
        "multi_match": {
          "query": request,
          "type": "phrase",
          "operator": "and",
          "fields": ["name"]
        }
      },
      "inner_hits": {

        "highlight": {
          "fields": {
            "name": {},
          }
        }
      }
    }
  }
};

var sendData = JSON.stringify(obj);

Answer 1

$.post is a shorthand Ajax function

You can use $.ajax() directly

$.ajax({
  url: url,
  type: 'post',
  dataType: 'json',
  contentType: 'application/json',
  data: sendData  // JSON string
});

OR use $.ajaxSetup()

Sets default values for future Ajax requests. Its use is not recommended.

$.ajaxSetup({
  contentType: 'application/json',
});

$.post(url, sendData, function(data) {

});

Note: jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks is deprecated in jQuery 1.8