通过我们的编辑器,您可以在线编辑 JavaScript 代码,然后通过点击一个按钮来查看结果:
<!DOCTYPE html> |
<html> |
<body> |
<h2>JSON Object Creation in JavaScript</h2> |
<p> |
Name: <span id="jname"></span><br> |
Age: <span id="jage"></span><br> |
Address: <span id="jstreet"></span><br> |
Phone: <span id="jphone"></span><br> |
</p> |
<script> |
var JSONObject = { |
"name":"John Johnson", |
"street":"Oslo West 16", |
"age":33, |
"phone":"555 1234567"}; |
document.getElementById("jname").innerHTML=JSONObject.name |
document.getElementById("jage").innerHTML=JSONObject.age |
document.getElementById("jstreet").innerHTML=JSONObject.street |
document.getElementById("jphone").innerHTML=JSONObject.phone |
</script> |
</body> |
</html> |
对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用: