<!doctype html> <html> <head> <title>XMLHttpRequest: responseType json</title> <meta charset="utf-8"> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <link rel="help" href="https://xhr.spec.whatwg.org/#the-responsetype-attribute" data-tested-assertations="following::OL[1]/LI[4]" /> <link rel="help" href="https://xhr.spec.whatwg.org/#the-response-attribute" data-tested-assertations="following::dt[2]/dt[4] following::dt[2]/dt[4]/following::dd[1]" /> <link rel="help" href="https://xhr.spec.whatwg.org/#json-response-entity-body" data-tested-assertations="following::ol[1]/li[1] following::ol[1]/li[2] following::ol[1]/li[3]" /> </head> <body> <div id="log"></div> <script> function setupXHR () { var client = new XMLHttpRequest() client.open('POST', "resources/content.py", true) client.responseType = 'json' return client } function makeTest(data, expectedResponse, description){ var test = async_test(description) var xhr = setupXHR() assert_equals(xhr.responseType, 'json') xhr.onreadystatechange = function(){ if(xhr.readyState === 4){ test.step(function(){ assert_equals(xhr.status, 200) assert_equals(xhr.responseType, 'json') assert_equals(typeof xhr.response, 'object') if(expectedResponse){ // if the expectedResponse is not null, we iterate over properties to do a deeper comparison.. for(var prop in expectedResponse){ if (expectedResponse[prop] instanceof Array) { assert_array_equals(expectedResponse[prop], xhr.response[prop]) }else{ assert_equals(expectedResponse[prop], xhr.response[prop]) } } }else{ assert_equals(xhr.response, expectedResponse) // null comparison, basically } assert_equals(xhr.response, xhr.response, "Response should be cached") test.done() }) } } xhr.send(data) } // no data makeTest("", null, 'json response with no data: response property is null') // malformed makeTest('{"test":"foo"', null, 'json response with malformed data: response property is null') // real object var obj = {alpha:'a-z', integer:15003, negated:-20, b1:true, b2:false, myAr:['a', 'b', 'c', 1, 2, 3]} makeTest(JSON.stringify(obj), obj, 'JSON object roundtrip') makeTest('{"日本語":"にほんご"}', {"日本語":"にほんご"}, 'JSON roundtrip with Japanese text') </script> </body> </html>