从onclick触发的Node.js函数 [英] Node.js functions triggered from onclick

问题描述

在使用Google Apps脚本编写网络应用多年后，我不熟悉使用Azure。我需要改变我的工作方式，以免与iPhone有些不兼容。我使用的是javascript和HTML，所以用node.js重新创建了应用程序。

I am new to using Azure, after using Google Apps Script to write web apps for many years. I needed to change how I was working die to some incompatibilities with iPhones. I was using javascript and HTML, so have recreated the app with node.js.

我能够返回html页面并运行客户端脚本，但我需要能够触发服务器端脚本，所以我没有在客户端打开SQL数据库。 

I am able to return the html page, and run client side scripts, however I need to be able to trigger a server side script so I am not opening up the SQL database on the client side. 

server.js脚本如下：

The server.js script is as follows:

HTMLPage包含表单代码，以及带有onsubmit命令的按钮，该命令触发客户端脚本，但是我似乎无法触发服务器端脚本（我的粗体尝试）。你能告诉我哪里出错吗？

The HTMLPage contains the form code, and a button with an onsubmit command which triggers a client side script, however I can't seem to trigger the server side script (my attempt in bold). Can you please tell me where I am going wrong?

<！DOCTYPE html>

< html lang =" en">

< script>

   

function post（）{

   var first = document.getElementById（" firstName"）。value;

   var last = document.getElementById（" lastName"）。value;

window.alert（'谢谢，我们会尽快与您联系。'）;

processForm（form）.init;

};

       

< / script>

   

< head>

   < meta charset =" utf-8" />  

< / head>

< body>

   < div id =" formdiv">

       < form id =" form" onsubmit =" post（）;">

           < section class =" site-container
padding-tb"> ;

               < section
class =" card wow fadeInLeft">

&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;< H3
class =" wow fadeInDown" align =" center" data-wow-delay =" 0.4s">关于你！< / h3>< br>< br>

&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;< DIV
class =" form__wrapper wow fadeInDown" data-wow-delay =" 0.5s">

&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP ;  < input
type =" firstName" class =" form__input" id =" firstName" name =" firstName" />

&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP ;  < label
class =" form__label" for =" firstName">< span class =" form__label-content">名字< / span>< / label>

&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;< / div>

&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;< DIV
class =" form__wrapper wow fadeInDown" data-wow-delay =" 0.5s">

&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP ;  < input
type =" lastName" class =" form__input" id =" lastName" name =" lastName" />

&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP ;  < label
class =" form__label" for =" lastName">< span class =" form__label-content">姓氏< / span>< / label>

&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP ;                 < / div>

&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP ;        

&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;<输入
type =" text" id =" ddValues" name =" ddValues" style =" display：none" />< div class =" form__wrapper - submit wow fadeInLeft" data-wow -delay =" 0.7s">

&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP ;  < div
class =" form__input-submit">

&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP ;      < input
type =" submit" name =" submit" class =" btn btn-block" onclick =" post（）;" ;>

&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP ;  < / div>

       < / form>

推荐答案

根据进一步的研究，我的更新代码如下。我的结果现在给了我3个未定义的对象。

Based on further research, my updated code is below. My results now give me 3 undefined objects.

Server.js

Server.js

var http = require('http');
var fs = require('fs');
var path = require('path');

http.createServer(function (req, res) {

  res.writeHead(200, {"Content-Type": "text/html"});
  fs.createReadStream(path.resolve(__dirname, 'HTMLPage.html')) 
    .pipe(res);

  console.log(req.body);

}).listen(process.env.PORT || '3000'); // provide a default 

HTML

HTML

<head>
    <meta charset="utf-8" />
   </head>
<body> 
<form id="form" name="form" method="post">
     <input type="firstName" class="form__input" id="firstName" name="firstName" />
    <input type="lastName" class="form__input" id="lastName" name="lastName" />                
    <input type="submit" name="submit"> 
</form>
</body>

这篇关于从onclick触发的Node.js函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！