从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屋!