Pure JavaScript Send POST Data Without a Form

by

You can send it and insert the data to the body:

var xhr = new XMLHttpRequest();
xhr.open("POST", yourUrl, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({
    value: value
}));

By the way, for get request:

var xhr = new XMLHttpRequest();
// we defined the xhr

xhr.onreadystatechange = function () {
    if (this.readyState != 4) return;

    if (this.status == 200) {
        var data = JSON.parse(this.responseText);

        // we get the returned data
    }

    // end of state change: it can be after some time (async)
};

xhr.open('GET', yourUrl, true);
xhr.send();

More Related Contents:

  1. Send POST data using XMLHttpRequest
  2. POST data in JSON format
  3. Sending a JSON to server and retrieving a JSON in return, without JQuery
  4. How can I send the “&” (ampersand) character via AJAX?
  5. How to set a Header field on POST a form?
  6. XMLHttpRequest to Post HTML Form
  7. Prompt file download with XMLHttpRequest
  8. IE10/IE11 Abort Post Ajax Request After Clearing Cache with error “Network Error 0x2ef3”
  9. How to read a local text file?
  10. Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers
  11. Why am I seeing an “origin is not allowed by Access-Control-Allow-Origin” error here? [duplicate]
  12. Prevent redirection of Xmlhttprequest
  13. Retrieving binary file content using Javascript, base64 encode it and reverse-decode it using Python
  14. CORS request not working in Safari
  15. fetch – Missing boundary in multipart/form-data POST
  16. Show a progress bar for downloading files using XHR2/AJAX
  17. Fetch API vs XMLHttpRequest
  18. Cross-site XMLHttpRequest
  19. How can I modify the XMLHttpRequest responsetext received by another function?
  20. Can service workers cache POST requests?
  21. Window.Open POST
  22. XMLHttpRequest cannot load, No ‘Access-Control-Allow-Origin’ header is present on the requested resource [duplicate]
  23. Cross-Origin XMLHttpRequest in chrome extensions
  24. How to Detect Cross Origin (CORS) Error vs. Other Types of Errors for XMLHttpRequest() in Javascript
  25. Submit pdf form fields to a HTTP POST request
  26. Proper way to catch exception from JSON.parse
  27. how to find out if XMLHttpRequest.send() worked
  28. Same Origin Policy – AJAX & using Public APIs
  29. Phantom JS synchronous AJAX request : NETWORK_ERR: XMLHttpRequest Exception 101
  30. React Native – Axios – Trying to upload image

Leave a Comment