forum

Home / DeveloperSection / Forums / How can I get jQuery .get to return JSON data?

Ask Question

How can I get jQuery .get to return JSON data?

Andrew Deniel 2469 20-Jun-2013
Hi Developers, 

I am trying to fetch information using AJAX from a URL. This URL will return a JSON response but I am having a great deal of trouble getting this to work. I am fairly new to using both AJAX and JSON so I am not quite sure as to what I am doing wrong. I am not receiving any output. Here's what I have so far:

HTML:

<!doctype html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content - Type">
    <meta content ="utf-8" http-equiv="encoding">
    <title>My Javascript Practice</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <noscript>JavaScript Must Be Enabled</noscript>
</head>
<body>
    <div id="pub">Parent Div</div>
    <script type="text/javascript" src="getList.js"></script>
</body>
</html>
JavaScript:
var teamId = 883455;
var myUrl = "https://apps-internal.attributor.com/guardianapi/service/csadminservice/csteams/" + teamId + "?view=PUBLISHERS_FOR_TEAM";
$.get(myUrl, function(data){
    $("#pub").html(data);
    alert("load was performed");
});

Any help on above is really appreciated.
json json 
Updated on 20-Jun-2013
Andrew Deniel

Andrew Deniel

Follow

Can you answer this question?

Answer

1 Answers

Sumit Kesarwani

Sumit Kesarwani

20-Jun-2013
Hi Andrew,

May I suggest to use something like this:

$.ajax({
  type: 'GET',
  url: myURL,
  data: yourDAta,
  dataType: 'jsonp',
  success: function(jsonData) {
    alert(jsonData);
  },
  error: function() {
    alert('Error loading ');
  }
});

Note the usage of jsonp over json

Liked By