Использование кода jQuery для замены моего javascript XMLHttpRequest

Question

Я как бы новичок в библиотеке JavaScript. Я хотел заменить мой текущий код JS lib jQuery. Мой текущий код выглядит так.

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

Answer 1

Вы можете сделать это следующим образом:

$.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); 
    } 
}); 

Более подробная информация о функции Ajax в jquery-API

Answer 2

Вы можете использовать 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); 
}); 

Анонимная функция будет обратный вызов. Конечно, вы можете сохранить его в отдельной декларации, так как у вас было такое:

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

и просто использовать указатель на него в $.get() вызова:

$.get(url, myFunction); 

Answer 3

Jquery doco

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

Answer 4

Это то, что вы ищете?

Сообщение:

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

Получить:

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

Ajax:

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

Ссылки:

jQuery post
jQuery get
jQuery ajax