Using jQuery code to replace my javascript XMLHttpRequest

Question

I am kind of new to JavaScript library's. I wanted to replace my current code with a JS lib jQuery. My current code looks like this.

function myajax() 
		{
		var xmlhttp = new XMLHttpRequest();
		var url = "http://localhost:8080/Marker1/webresources/org.sample.marker/markerlist";
		xmlhttp.onreadystatechange = function () {
		    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) 
			{
			myFunction(xmlhttp.responseText);
		    }
		};
		xmlhttp.open("GET", url, true);
		xmlhttp.send();
	    }
    function myFunction(data) {
            myArr = JSON.parse(data);   // parsing JSON
	updateMap(data);   
    }

i am using GET method only

Gora
– Gora

2015-09-02 06:41:27 +00:00
Commented Sep 2, 2015 at 6:41 — Gora
– Gora, Commented Sep 2, 2015 at 6:41

LostMyGlasses · Accepted Answer · 2015-09-02 06:22:52Z

1

You can use jQuery.get():

var url = "http://localhost:8080/Marker1/webresources/org.sample.marker/markerlist";
$.get(url, function(data) {
    myArr = JSON.parse(data);   // parsing JSON
    updateMap(data);
});

The anonymous function will be the callback. Of course, you can keep it in a separate declaration, as you had it:

function myFunction(data) {
    myArr = JSON.parse(data);   // parsing JSON
    updateMap(data);   
}

and just use the pointer to it at the $.get() call:

$.get(url, myFunction);

answered Sep 2, 2015 at 6:22

LostMyGlasses

3,17423 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Gora · Accepted Answer · 2015-09-02 09:48:08Z

0

You can do it like this:

$.ajax({
  url: 'http://localhost:8080/Marker1/webresources/org.sample.marker/markerlist',
  type: 'GET',
  success: function(responseText){
   var jsonData = JSON.stringify(responseText); 
    myArr = JSON.parse(jsonData );   // parsing JSON
    updateMap(myArr); 
  }
});

More information about the ajax function in the jquery-API

edited Sep 2, 2015 at 9:48

Gora

4272 gold badges5 silver badges14 bronze badges

answered Sep 2, 2015 at 6:25

user_1559454

1,6133 gold badges31 silver badges60 bronze badges

Comments

Nogusta · Accepted Answer · 2015-09-02 06:26:37Z

0

Jquery doco

$.get( "http://localhost:8080/Marker1/webresources/org.sample.marker/markerlist", function( data ) {
   myFunction(data);
});

answered Sep 2, 2015 at 6:26

Nogusta

9195 silver badges10 bronze badges

Comments

Nicholas Robinson · Accepted Answer · 2015-09-02 06:27:42Z

0

Is this what you are looking for?

Post:

$.post(url, jsonData, function(res) { 
   //res what is returned from the server 
});

Get:

$.get(url, jsonData, function(res) { 
   //res what is returned from the server 
});

Ajax:

$.ajax({
  type: "POST",
  url: url,
  data: jsonData,
  success: successMethod,
  dataType: dataType
});

Links:

jQuery post
jQuery get
jQuery ajax

answered Sep 2, 2015 at 6:27

Nicholas Robinson

1,4291 gold badge11 silver badges20 bronze badges

Collectives™ on Stack Overflow

Using jQuery code to replace my javascript XMLHttpRequest

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related