Display json result of an ajax call?

i'm trying to retrieve a json from an url using an ajax call and display it.

Here is the ajax call i'm using for the moment, which works fine as the result is diplayed in the dev condole in the browser

but when i try to display the simple json in a div ($("#jsonResultDisplay").html(result);) it just keeps the div blank

is there a beter way to do it and maybe display the result on its own on a plain page ?

var returnResult;
$.ajax(
    {
        type: "POST",
        url: myUrl,
        datatype: "jsonp",
        data: "param1=" + param1 +
              "&param2=" + param2,
        success: function (result) {
            log.debug(result);
            $("#jsonResultDisplay").html(result);
                returnResult = result;
        },
        error: function (req, status, error) {
            log.debug(" error: \n req: " + req + "\n status: " + status + "\n error: " + e开发者_如何学运维rror);
        }
    });

And also when i try to save the result to use it outsite of the ajax call, the variable just stays null ??

i'm sure it must stupid questions but i'm beginning and could really use some help. Thanks in advance

Your result isn't xml or something is it? Perhaps using .text(result) will show the results better if it is. BTW your way of sending data is kind of fighting against the way to do it jquery, use maps. So:

var returnResult;
$.ajax(
    {
        type: "POST",
        url: myUrl,
        datatype: "jsonp",
        data: {param1: param1, param2: param2},
        success: function (result) {
            log.debug(result);
            $("#jsonResultDisplay").text(result);
                returnResult = result;
        },
        error: function (req, status, error) {
            log.debug(" error: \n req: " + req + "\n status: " + status + "\n error: " + error);
        }
    });

Do you get the proper results in your debug call?

BTW, why manually composing data when you can use the hash?

And you should better use textarea with fixed-width font for JSON display