image

Author: zhuufengpeixun

.idea/workspace.xml

@@ -10,11 +10,10 @@ http.createServer(function(req,res){
         });
     } else if(url == '/addUser'){
         req.on('data',function(chunk){
-            console.log(chunk);
-            users.push(chunk);
+            users.push(change(chunk.toString()));
         });
         req.on('end',function(){
-            res.end(users);
+            res.end(JSON.stringify(users));
         })
     }else{
         res.setHeader('Content-Type',mime.lookup(url));
@@ -28,4 +27,12 @@ http.createServer(function(req,res){
         });
     }
 
-}).listen(8080);
+}).listen(8080);
+
+function change(url) {
+    var reg = /([^?&=]+)=([^?&=]+)/g, obj = {};
+    url.replace(reg, function () {
+        obj[arguments[1]] = arguments[2];
+    });
+    return obj;
+}

htmlserver.js

@@ -5,7 +5,13 @@ window.onload = function () {
             xhr.open('post','/addUser');
             xhr.onreadystatechange = function(){
                 if(this.readyState == 4 && this.status == 200){
-                    document.getElementById('usersDiv').innerHTML = this.responseText;
+                    var userList = JSON.parse(this.responseText);
+                    var users = '<ul>';
+                    userList.forEach(function(user){
+                        users+='<li>'+user['username']+'</li>';
+                    });
+                    users+='</ul>';
+                    document.getElementById('usersDiv').innerHTML = users;
                 }
             }
             xhr.send('username='+document.getElementById('username').value+'&password='+document.getElementById('password').value);