javascript - 怎么把html放到服务器环境?用nodejs创建服务器写ajax表单

查看:415
本文介绍了javascript - 怎么把html放到服务器环境?用nodejs创建服务器写ajax表单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>node中的ajax请求(html5页面)</title>
        <script type="text/javascript">
            function GetData(){
                var xhr=new XMLHttpRequest();
                xhr.open("GET","http://localhost:1337/",true);
                xhr.onreadystatechange=function(){
                    if(xhr.readyState==4){
                        if(xhr.status==200){
                            document.getElementById("res").innerHTML=xhr.responseText;
                        }
                    }
                }
                xhr.send(null);
            }
        </script>

</head>
<body>
<input type="button" value="获取数据" onclick="GetData()" />
<div id="res">dsdf</div>
</body>
</html>

var http = require("http");
var server=http.createServer(function(req,res){
    if(req.url!=="/favicon.ico"){
        res.writeHead(200,{"Content-Type":"text/plain","Access-Control-Allow-Origin":"http://localhost"});
        res.write("你好啊!");
    }
    res.end();
});
server.listen(1337,"localhost",function(){
    console.log("开始监听...");
});

刚开始学ajax 在我写好html页面后,我想把我写的页面加载到用nodejs创建的服务器,但是教程上说要把我的html放到服务器环境,我查找了各种资料,没有找到放到服务器的方法。在我的终端里输入node server.js之后我在网页上打开Localhost:1337/是一堆乱码,请问这要怎么解决啊?怎么把html放到服务器环境?

解决方案

把html放到浏览器环境的意思就是不通过file协议而是通过http:协议获取html,在文档目录用Node搭一个简易HTTP server就可以了

这篇关于javascript - 怎么把html放到服务器环境?用nodejs创建服务器写ajax表单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆