Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /xhr/response-json.htm - WPT Dashboard Interop Dashboard
<!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>