syjgs
2016-10-06 03:04
采纳率: 0%
浏览 5.7k

救命啊!可以通过Apache服务器访问自己写的html文件了, 剩下的怎么弄?

图片说明

图片说明
图片说明
图片说明
图片说明
图片说明

自己下载了一个node软件,这个软件的安装目录有要求吗?

我在这里http://download.csdn.net/download/shijiedierchou2/9317701找到了formecho.js的源码,这个文件应该放在哪个目录下呢? 那个8080端口是怎么设置的呀?

在apache服务器上怎样打开命令窗口啊?也是一样输入命令bin\node.exe formecho.js吗?如果不是,应该怎样输入命令才能执行formecho.js呢?

怎样才能得到236页上面获取输入数据的这种效果呢?

求大神赐教!

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

21条回答 默认 最新

  • syjgs 2016-10-06 04:03

    图片说明
    62行与63行原先分别是
    Listen 0.0.0.0:80
    Listen [::0]:80
    我修改成
    Listen 0.0.0.0:8080
    Listen [::0]:8080
    这样做对吗?

    打赏 评论
  • 快乐的泥巴 2016-10-06 04:09

    你问的问题很多方面了。首先,你用的什么语言写的网页程序。js只是一个脚本语言,在服务端,还要有服务端的程序与之对接,才能将服务器计算出的数据,返回到页面上,给你说说网页的几个语言吧。在页面上看到的带尖括号的叫标签,是网页程序的基本语言,还要用与之配合使用的比如php语言,主要在服务器端使用。进行数据的加工。还有你提到的js 脚本语言,是为了网页上数据内容与客户能更好的沟通而设计的页面动态控制。如果是学php就从php基础开始看吧。明白基本编程后,你提的问题就全部解决了。

    打赏 评论
  • T_world 2016-10-06 06:34

    你把这个js文件放在和html页面同一目录下,然后在html页面中引入就可以了吧
    引入方式:

    打赏 评论
  • T_world 2016-10-06 06:39
    >  <script src="./formecho.js"></script>
    
    
    打赏 评论
  • syjgs 2016-10-06 08:02
     var http = require('http');
    var querystring = require('querystring');
    
    http.createServer(function (req, res) {
      switch(req.url) {
        case '/form':
            if (req.method == 'POST') {
             console.log("[200] " + req.method + " to " + req.url);
             var fullBody = '';
             req.on('data', function(chunk) {
               fullBody += chunk.toString();
             });
             req.on('end', function() {
               res.writeHead(200, "OK", {'Content-Type': 'text/html'});  
               res.write('<html><head><title>Post data</title></head><body>');
               res.write('<style>th, td {text-align:left; padding:5px; color:black}\n');
               res.write('th {background-color:grey; color:white; min-width:10em}\n');
               res.write('td {background-color:lightgrey}\n');
               res.write('caption {font-weight:bold}</style>');
               res.write('<table border="1"><caption>Form Data</caption>');
               res.write('<tr><th>Name</th><th>Value</th>');
               var dBody = querystring.parse(fullBody);
               for (var prop in dBody) {
                res.write("<tr><td>" + prop + "</td><td>" + dBody[prop] + "</td></tr>");
               }
               res.write('</table></body></html>');
               res.end();
             });
           } else {
             console.log("[405] " + req.method + " to " + req.url);
             res.writeHead(405, "Method not supported", {'Content-Type': 'text/html'});
             res.end('<html><head><title>405 - Method not supported</title></head><body>' +
                     '<h1>Method not supported.</h1></body></html>');
           }
          break;
        default:
          res.writeHead(404, "Not found", {'Content-Type': 'text/html'});
          res.end('<html><head><title>404 - Not found</title></head><body>' +
                  '<h1>Not found.</h1></body></html>');
          console.log("[404] " + req.method + " to " + req.url);
      };
    }).listen(8080);
    
    
    打赏 评论
  • syjgs 2016-10-06 08:06

    上面就是formecho.js的源码。
    《HTML5权威指南》这本书前面11章还很好读懂,到这儿就遇到拦路虎了,大家帮帮我吧。

    打赏 评论
  • syjgs 2016-10-06 08:22

    我用的是WampServer

    图片说明

    打赏 评论
  • sanxiaochengyu 2016-10-08 03:29

    var http=require('http');
    var querystring = require('querystring');

    http.createServer(function (req, res) {
    switch(req.url) {
    case '/form':
    if (req.method == 'POST') {
    console.log("[200] " + req.method + " to " + req.url);
    var fullBody = '';
    req.on('data', function(chunk) {
    fullBody += chunk.toString();
    });
    req.on('end', function() {
    res.writeHead(200, "OK", {'Content-Type': 'text/html'});

    res.write('

    Post data');
    res.write('th, td {text-align:left; padding:5px; color:black}\n&#39;);<br> res.write(&#39;th {background-color:grey; color:white; min-width:10em}\n&#39;);<br> res.write(&#39;td {background-color:lightgrey}\n&#39;);<br> res.write(&#39;caption {font-weight:bold}');
    res.write('Form Data');
    res.write('');
    var dBody = querystring.parse(fullBody);
    for (var prop in dBody) {
    res.write("");
    }
    res.write('
    Name Value
    " + prop + " " + dBody[prop] + "
    ');
    res.end();
    });
    } else {
    console.log("[405] " + req.method + " to " + req.url);
    res.writeHead(405, "Method not supported"+req.method, {'Content-Type': 'text/html'});
    res.end('405 - Method not supported' +
    '

    Method not supported.

    ');
    }
    break;
    default:
    res.writeHead(404, "Not found", {'Content-Type': 'text/html'});
    res.end('404 - Not found' +
    '

    Not found.

    ');
    console.log("[404] " + req.method + " to " + req.url);
    };
    }).listen(8888);
    // 终端打印如下信息
    console.log('Server running at http://127.0.0.1:8888/');
    打赏 评论
  • sanxiaochengyu 2016-10-08 03:30
    <!DOCTYPE html>
    <html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>表单提交按钮</title>
    </head>
    <body>
    <form action="http://127.0.0.1:8888/form" method="post">
        <input type="text" name="fave"/>
        <input type="submit"/>
    </form>
    </body>
    </html>
    
    
    打赏 评论
  • sanxiaochengyu 2016-10-08 03:31

    node formecho.js

    打赏 评论
  • sanxiaochengyu 2016-10-08 05:12

    图片说明
    图片说明

    打赏 评论
  • syjgs 2016-10-08 07:22

    图片说明

    打赏 评论
  • syjgs 2016-10-08 07:30

    图片说明
    不是这样弄吗?

    打赏 评论
  • syjgs 2016-10-08 07:40

    图片说明

    还是在这里面输入命令?

    打赏 评论
  • syjgs 2016-10-08 07:42

    图片说明

    弄不出想要的效果啊,请大神说得更加详细点。

    打赏 评论
  • sanxiaochengyu 2016-10-08 07:51

    你js 里面的端口号跟网页访问的端口号不一样,改成一样

    打赏 评论
  • syjgs 2016-10-08 08:56

    改成一样的了啊。

    图片说明
    图片说明

    打赏 评论
  • syjgs 2016-10-08 08:58

    不用另外设置什么参数吗?

    打赏 评论
  • syjgs 2016-10-08 09:18

    图片说明
    图片说明

    非常感谢sanxiaochengyu,您热情无私、细致周到的帮助,太让人感动了!
    Adam Freeman的《HTML5权威指南》又可以继续看下去了,太高兴了!

    打赏 评论
  • syjgs 2016-10-09 06:59

    用上Apache服务器也没问题啦。

    图片说明
    图片说明
    图片说明
    图片说明

    打赏 评论
  • Leslie丶 2016-11-01 16:14

    修改一下配置文件,然后在html文件中引入js

    打赏 评论

相关推荐 更多相似问题