jsonresponse

/*http://stackoverflow.com/questions/23432798/jquery-and-xhr-cross-site-json-post/*/

by guest271314

HTML

<p id="output"></p>

CSS

p:first-line {
    color : blue;
    font-weight : bold;
}

JavaScript

$(function () {
    var callback = function (results) {

        $("#output").append("<p>Submitted successfully to server. Returned data: " + JSON.stringify(results.caseURL) + "</p>")

    };
    var myobj = {
        "caseURL": {
            "caseURL": "https://cs18.salesforce.com/50060000008ugtSAAQ"
        }
    };

    var request = $.ajax({
        url: "/echo/json/",
        data: {
            json: JSON.stringify(myobj)
        },
        type: "POST",
        dataType: "json"
    });
    request.done(function (data, textStatus, jqxhr) {
        if (textStatus === "success" && jqxhr.responseJSON) {
            console.log(data, jqxhr.responseJSON, jqxhr.responseText);
            if (data.hasOwnProperty("caseURL")) {
            callback(data)
            };
        };
    });
        request.fail(function (jqxhr, textStatus, error_text) {
        if (textStatus != "success") {
            console.log("Update unsuccessful. Status: ", error_text, textStatus, jqxhr.getAllResponseHeaders());
        };
    });
})