How to HTTP Request a URL in JavaScript?

Question

In the below code I need to execute the newUrl:

<SCRIPT type="text/javascript">
    function callMyAction(){
    var newUrl = '/makeObtained.action';
    //here I need to execute the newUrl i.e. call it remote
    //it will return nothing. it just starts server process
    }
</SCRIPT>

<a onclick="callMyAction()" href='...'> ...</a>

How to make it?

You need AJAX request from javascript http://blog.garstasio.com/you-dont-need-jquery/ajax/ — Yuriy Tumakha, Dec 12 '15 at 17:37
@YuriyTumakha nice blog, would you mind if I updated my answer with it? :) — gsamaras, Dec 12 '15 at 17:42

score 4 · Answer 1 · edited May 23 '17 at 11:59

4

With JQuery, you can do this:

$.get('http://someurl.com',function(data,status) {
      ...parse the data...
},'html');

For more info, check this question: Call a url from javascript please.

Without Jquery, you can do this:

var xhr = new XMLHttpRequest();
xhr.open('GET', encodeURI('myservice/username?id=some-unique-id'));
xhr.onload = function() {
    if (xhr.status === 200) {
        alert('User\'s name is ' + xhr.responseText);
    }
    else {
        alert('Request failed.  Returned status of ' + xhr.status);
    }
};
xhr.send();

as described in this blog, kindly suggested by Yuriy Tumakha.

edited May 23 '17 at 11:59

Community

1
1

answered Dec 12 '15 at 17:36

gsamaras

71,951
46
188
305

gsamaras, I edited the question for details... and is this (without Jquery) an asynchronous request? – rozero Dec 12 '15 at 21:02
1

@rozero, the answer lies here: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest Hope that helps. – gsamaras Dec 12 '15 at 23:08
The problem was with seamonkey browser. With the firefox it works. But why whe the page jumps up? – rozero Dec 13 '15 at 07:44
@rozero because we are telling it to do so! ;) – gsamaras Dec 13 '15 at 15:45

score 0 · Answer 2 · answered Dec 12 '15 at 17:41

As previous answer suggest JQuery code. Here is the code with pure JavaScript if you are not familiar with JQuery. But it is recommended to use some framework like JQuery for easy and better code management.

var xmlhttp;

if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
}

else{ // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

//Replace ajax_info.txt with your URL.
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();

xmlDoc=xmlhttp.responseXML;

How to HTTP Request a URL in JavaScript?

2 Answers2