How to send data to remote server using Javascript

by

One of the most common ways to do this is AJAX. Here’s how you perform an AJAX post request using jQuery:

<script type="text/javascript">
  $.post('/remote-url', {xml: yourXMLString });
</script>

On the server side you process it like any other POST request. If you’re using PHP it’s $xml = $_POST['xml'];

The biggest limitation of AJAX is that you’re only allowed to make requests to the same domain the document has been loaded from (aka cross-domain policy). There are various ways to overcome this limitation, one of the easiest one is JSONP.

UPD. For cross-domain requests an extremely simple (though not universal) solution would be:

(new Image).src="http://example.com/save-xml?xml=" + escape(yourXMLString)

This will issue a GET request (which cannot exceed 2KB in Internet Explorer). If you absolutely need a POST request or support for larger request bodies you can either use an intermediate server-side script on your domain or you can post a dynamically created html form to iframe.

More Related Contents:

  1. How do we set remote in Typeahead.js?
  2. javascript: hiding contents of key
  3. Async function returning promise, instead of value
  4. Creating a textarea with auto-resize
  5. Javascript call() & apply() vs bind()?
  6. In what situations would AJAX long/short polling be preferred over HTML5 WebSockets?
  7. Call async/await functions in parallel
  8. How to append to a file in Node?
  9. Why does javascript object show different values in console in Chrome, Firefox, Safari? [duplicate]
  10. Document.write clears page
  11. Javascript/DOM: How to remove all event listeners of a DOM object?
  12. HTML button to NOT submit form
  13. Submit multiple forms with one submit button
  14. Is there a JavaScript function that can pad a string to get to a determined length?
  15. What does the comma operator do in JavaScript?
  16. Jquery: change event to input file on IE
  17. jquery clone form fields and increment id
  18. Limiting number of lines in textarea
  19. Google Maps Display:None Problem
  20. JavaScript keypress event not raised on Android browser
  21. ScrollIntoView() causing the whole page to move
  22. How to display pyramid using JavaScript?
  23. Prevent firing focus event when clicking on div
  24. What is the recommended way to pass urls as url parameters?
  25. Devtools doesn’t show console or requests for extension popup? [duplicate]
  26. Programmatically change Redux-Form Field value
  27. JavaScript Minesweeper – Opening whole mine-free area at once not working properly (flood-fill)
  28. How to create a new img tag with JQuery, with the src and id from a JavaScript object?
  29. Using d3 to shade area between two lines
  30. Access-Control-Allow-Origin Error At Android 4.1

Leave a Comment