Node.js学习笔记——（JavaScript学习，HTTP request等心得）

朴灿烈づ我的快乐病毒、 2022-05-24 13:48 150阅读 0赞

# Node学习准备之JavaScript #

## JavaScript中for（x in Object）格式标注 ##

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
    
    <p>点击下面的按钮，循环遍历对象 "person" 的属性。</p>
    <button onclick="myFunction()">点击这里</button>
    <p id="demo"></p>
    <script>
    function myFunction(){
         
        var x;
        var txt="";
        var person={fname:"Bill",lname:"Gates",age:56}; 
        for (x in person){
            txt=txt + person[x];
        }
        document.getElementById("demo").innerHTML=txt;
    }
    </script>
    
    </body>
    </html>

![这里写图片描述][70]

示例来源：[菜鸟教程][Link 1]

这里介绍了一种for（x in object）的方法，在对JSON结构的对象进行遍历时，非常方便。

## JSON 数据格式 ##

JSON= **J** ava **S** cript **O** bject **N** otation (JavaScript 对象表示法)  
就是一个对象表示法。

在理解下面这段用XMLHttpRequest来获取JSON数据的时候，有部分不理解

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
    
    <h2>使用 XMLHttpRequest 来获取文件内容</h2>
    <p>文件内容是标准的 JSON 格式，可以使用 JSON.parse 方法将其转换为 JavaScript 对象。</p>
    
    <p id="demo"></p>
    
    <script>
    
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
         
        if (this.readyState == 4 && this.status == 200) {
            myObj = JSON.parse(this.responseText);
            document.getElementById("demo").innerHTML = myObj.name;
        }
    };
    xmlhttp.open("GET", "/try/ajax/json_demo.txt", true);
    xmlhttp.send();
    
    </script>
    
    <p>查看 JSON 文件数据 <a href="/try/ajax/json_demo.txt" target="_blank">json_demo.txt</a></p>
    </body>
    </html>

这个地方需要详细看一下菜鸟教程关于[XMLHttpRequest中的描述][XMLHttpRequest]。

--------------------

[70]: /images/20220524/b211e0cd832b40b4a09e461a9b212a8a.png
[Link 1]: http://www.runoob.com/try/try.php?filename=tryjs_object_for_in
[XMLHttpRequest]: http://www.runoob.com/dom/dom-httprequest.html