无法以HTML格式发送POST请求
因此,我从我的NodeJS服务器提供这个特定的HTML文件,它得到了正确的呈现。但问题是,当我单击CREATE按钮时,我无法向服务器发送POST请求。我正在获取GET请求中呈现的页面。但当我点击POST时。我想将POST请求发送回我的服务器。请帮我整理一下无法以HTML格式发送POST请求,html,node.js,web,request,Html,Node.js,Web,Request,因此,我从我的NodeJS服务器提供这个特定的HTML文件,它得到了正确的呈现。但问题是,当我单击CREATE按钮时,我无法向服务器发送POST请求。我正在获取GET请求中呈现的页面。但当我点击POST时。我想将POST请求发送回我的服务器。请帮我整理一下 <section> <form action="/login" method="POST"></form> <div c
<section>
<form action="/login" method="POST"></form>
<div class="container-fluid ">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6 bg-light p-5">
<div class="row">
<div class="col-md-3"></div>
<div class="form-group col-md-6">
<label class="form-label col-label" for="old_pass">First Name</label>
<input class="field__input" type="text" name="old_pass" placeholder="" id="old_pass">
</div>
<div class="col-md-3"></div>
<div class="col-md-3"></div>
<div class="form-group col-md-6">
<label class="form-label col-label" for="new_pass">Last Name</label>
<input class="field__input" type="text" name="new_pass" placeholder="" id="new_pass">
</div>
<div class="col-md-3"></div>
<div class="col-md-3"></div>
<div class="form-group col-md-6">
<label class="form-label col-label my-3" for="emailaddress_personal;">Email Address</label>
<input class="field__input" type="text" name="emailaddress_personal;" placeholder="joe.black@gmail.com" id="emailaddress_personal;">
</div>
<div class="col-md-3"></div>
<div class="col-md-3"></div>
<div class="form-group col-md-6">
<label class="form-label col-label" for="chk_new_pass">Password </label>
<input class="field__input" type="password" name="chk_new_pass" placeholder="" id="chk_new_pass">
</div>
<div class="col-md-3"></div>
</div>
<div class="form-group text-center">
<a class="btn btn-outline-dark" type="submit">Create</a>
</div>
</div>
<div class="col-md-3"></div>
</div>
</div>
</form>
</section>
名字
姓
电子邮件地址
密码
创造
我认为标签不支持提交。您可以尝试输入类型提交吗
每当我点击按钮时,什么都没有发生 你有两个问题 你没有按钮。 你的表格里什么都没有
表单的结束标记紧跟在开始标记之后,因此表单控件都不在其中
稍后会有第二个结束标记被忽略(因为表单已关闭)
删除第一个结束标记。如果您说要在GET请求中呈现页面,您可能希望通过在
标记的onsubmit
属性中创建函数来防止呈现页面,并添加如下内容:
提交函数(事件){
event.preventDefault();
//使用axios/AJAX等在此处发出post请求。。
}
如果错误仍然存在,请尝试在nodejs服务器上调试post路由。服务器是否配置了post路由?如果是,您看到那里有任何错误吗?它确实注册了POST路由。每当我单击按钮时都不会发生任何事情。我将a标记更改为
仍然不走运。虽然我得到了相同的用户界面,但提交时什么也没发生。因为提交按钮不在表单中。表单标签打开和关闭,其为空。是的,已解决该问题。谢谢,是的。非常感谢。我真是太蠢了。自动完成标记的东西。非常感谢!真不敢相信经过几个小时的努力,一切都归结到了这一点。对不起,这里出了个问题。即使现在请求正在被解析。我无法获取请求中的表单值。我有没有办法把它们写进请求?如果你照我说的做,它们应该在请求中。如果您无法读取它们,则可能是服务器端代码有问题。
<a class="btn btn-outline-dark" type="submit">Create</a>
<button>Label</button>
<input type="submit" value="Label and value">
<form action="/login" method="POST"></form>