Get content from JSON using jQuery Mobile

Question

I'm trying to figure out how to retrieve simple html content using JSON in a jQuery Mobile.

Here is how I have done so far:

matchinfo.php:

$str = '<h2>This is a test</h2><p>What is going on here?</p>';

echo $_GET['callback'] . '(' .json_encode($str). ')';

And here is how I try to recieve it:

$(document).on('pageshow', function (){

    $.mobile.loading('show');
    $.getJSON("http://mypage.com/matchinfo.php", function (result){
        $("#pageName").html(result.html);
    });

    $('#pageName').content('refresh');
    $.mobile.loading('hide');

});

The spinner just keeps loading! I am able to do this with listview, but here I just want to get some content!?

Any help is appreciated and thanks in advance :-)

Your code is looking for a key called html but your data is just a flat string. json_encode(array('html' => $str)); — DaveRandom
– DaveRandom, Commented Apr 16, 2013 at 15:17

Halcyon · Accepted Answer · 2013-04-16 15:17:50Z

1

You're not outputting JSON, you're outputting JSONp. You probably shouldn't use getJSON for that, JSONp isn't supposed to work with XMLHTTPRequest (AJAX).

getJSON is shorthand for:

$.ajax({
  dataType: "json",
  url: url,
  data: data,
  success: success
});

http://api.jquery.com/jQuery.getJSON/

answered Apr 16, 2013 at 15:17

Halcyon

57.8k10 gold badges93 silver badges131 bronze badges

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

Comments

doitlikejustin · Accepted Answer · 2013-04-16 15:20:07Z

1

You can use jQuery $.get instead of $.getJSON

$.get('http://mypage.com/matchinfo.php', function(result) {
    $('#pageName').html(result);
});

Also notice that in the .html() function you just need to pass result instead of result.html

answered Apr 16, 2013 at 15:20

doitlikejustin

6,3312 gold badges44 silver badges69 bronze badges

Collectives™ on Stack Overflow

Get content from JSON using jQuery Mobile

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related