Question

I’m trying to execute a cross domain request for data from a wordpress blog using YQL. This is the code from my first attempt:

var g = {data:""}

function getWP() {

    var targeturl = "http://www.mysite.com";
    var url = "http://query.yahooapis.com/v1/public/yql?"+
        "q=select%20*%20from%20html%20where%20url%3D%22"+
        encodeURIComponent(targeturl)+
        "%22&format=xml'&callback=?";

     var successfunc = function(data) {
        if(data.results[0]){
            g.data = data.results[o];
        } else {
            var errormsg = '<p>Error: could not load the page.</p>';
            alert(errormsg);
        }
    }

    $.ajax({
      url: url,
      success: successfunc
    });

}

When I tried this ajax call, the data object returned was an empty string. However, when I did this:

$.getJSON(url, successfunc);

the proper JSON object was returned. What is the difference between the two calls? And more importantly, why did only the second one work?

Answer 1

The difference is that you are not specifying your data type or content type

Add

$.ajax({
  url: url,
  dataType: "json",
  contentType: "application/json; charset=utf-8",
  success: successfunc
});

to your ajax call