javascript - How do I convert JSON data to display in HTML?

I am trying to display JSON data that I retrieve from an ajax call but I am unable to display any data despite getting the JSON object just fine.

<!DOCTYPE html>

<head>
<title></title>
<script src="jquery.js"></script>
</head>

<script>


$(document).ready(function(){
$.getJSON("http://servername:10000/_vti_bin/webservice/service1.svc/getListTitle",
  {
    username: "a",
    password: "b",
    list: "calendar",
  },
  function(data) {
    alert(1);
    // and the rest
  }
)
});

</script>

<body>
</body
</html>

I don't get any alerts but using Fiddler I can see the JSON object.

{"GetListTitleResult":"Calendar"}

So what am I missing here? Any help appreciated. Thanks in advance.

EDIT: It seems like the code doesn't go all the way to the function(data) part. But firebug doesn't show any syntax errors either. I still get the JSON response through Fiddler. Any help here?

I am trying to display JSON data that I retrieve from an ajax call but I am unable to display any data despite getting the JSON object just fine.

<!DOCTYPE html>

<head>
<title></title>
<script src="jquery.js"></script>
</head>

<script>


$(document).ready(function(){
$.getJSON("http://servername:10000/_vti_bin/webservice/service1.svc/getListTitle",
  {
    username: "a",
    password: "b",
    list: "calendar",
  },
  function(data) {
    alert(1);
    // and the rest
  }
)
});

</script>

<body>
</body
</html>

I don't get any alerts but using Fiddler I can see the JSON object.

{"GetListTitleResult":"Calendar"}

So what am I missing here? Any help appreciated. Thanks in advance.

EDIT: It seems like the code doesn't go all the way to the function(data) part. But firebug doesn't show any syntax errors either. I still get the JSON response through Fiddler. Any help here?

Share edited Jul 29, 2011 at 3:22 asked Jul 29, 2011 at 2:42 Hong Yi 5692 gold badges13 silver badges29 bronze badges

Add a ment |

3 Answers 3

Sorted by: Reset to default 4

Change your code this way -

$.getJSON("http://servername:10000/_vti_bin/webservice/service1.svc/getListTitle",
{
    username: "a",
    password: "b",
    list: "calendar",
},
function(data)
{
    $.each(data, function(i,item)
    {
        alert(item);
    });
});

In my opinion, these are the following mistakes that you've made -

Since data itself will be a collection, you don't need to get data.items. Just pass the data as is to the each function.
The callback of the each iterator will be passed the key and the value for each item in the collection. Hence, i will be GetListTitleResult, and item will be Calendar.

That's not the method signature for getJSON(). You don't need to key the success callback with success:. You also have a few too many braces, brackets and semi-colons. Change it to

$.getJSON("http://servername:10000/_vti_bin/webservice/service1.svc/getListTitle",
  {
    username: "a",
    password: "b",
    list: "calendar",
    format: "json"
  },
  function(data) {
    console.log(data);
    // and the rest
  }
);

if you method looks like this:

public string getListTitle(string username, string password, string list, string format)

then your ajax data is good. If it's like this:

public string getListTitle(MyObject data)

then you need this:

{data: { 
    username: "a",
    password: "b",
    list: "calendar",
    format: "json"
  }
}

EDIT:

function(data) {
    alert(data.GetListTitleResult);
});

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - How do I convert JSON data to display in HTML? - Stack Overflow

3 Answers 3

与本文相关的文章

评论列表(0)