wuliangtdi 发表于 2020-10-25 13:00:29

js提交表单的数据到数据库中

    <div class="box">
      <h2>欢迎注册</h2>
      <form name = "RegisterPage" id="RegisterPage" action="/LoginProject/Register" method="post" >
            <div class="inputBox">
                <input type="text" name="UserName" required="" ">
                <span id="isEnrolment" style="color: #ffffff;font-size: 8px;" ></span>
                <label>用户名</label>
            </div>
            <div class="inputBox">
                <input type="password" name="PassWord" required="" maxlength="16" oninput="getPasswordLength();" onblur ="">
                <label>密码</label>
                <span id="PasswordLength" style="color: #ffffff;font-size: 8px;" ></span>
            </div>

            <div class="inputBox">
                <input type="password" name="ConfirmPassWord" required=" ">
                <label>请再次输入密码</label>
                <span id="isPasswordSame" style="color: #ffffff;font-size: 8px;"></span>
            </div>


            <input id="RegisterButton" type="button" name="Register" value="注册" ">

            <input type="reset" value="重置" onclick="isReSet();">
      </form>
    </div>

不用submit怎么把表单数据提交到数据库中

wp231957 发表于 2020-10-25 13:17:03

这是后台的任务吧

一只胖麻圆 发表于 2020-10-25 14:51:44

不用submit怎么把表单数据提交到数据库中？
可以尝试使用超链接来提交：<a href="javascript:document.myform.submit();">Submit</a>

kogawananari 发表于 2020-10-25 22:49:44

实例化一个formdata对象 然后在ajax中提交

kogawananari 发表于 2020-10-25 23:03:54

<form name = "RegisterPage" id="RegisterPage" action="/LoginProject/Register" method="post" >
不要这样写 你既然不用submit 就应该把form这个标签废掉 只剩下语义
html 必须要屏蔽掉onsubmit方法 这样写 避免里面的按钮默认的触发submit
<form id="albumform" onsubmit="return false">
实例化formdata对象
这个可以用input标签的内容填进去 多对建筑的支持 而且值可以是文件对象
var formData = new FormData();
formData.append("相册名", "少儿不宜")
formData.append("封面", blob(...))
ajax提交用的是jQuery的例子
可以挂载到按钮的点击事件上
$.ajax({
    type: "POST",
    data: formData,
    ...
    processData: false,
    contentType: false,
    ...
假装这是个上传相册的功能 后端django的例子
@ensure_csrf_cookie
def relaxation_add_album(request):
    if request.method == "POST":
      request.POST.get('相册名')...
      request.FILES.get("blob0")
       #然后再用orm存进数据库
页: [1]
查看完整版本: js提交表单的数据到数据库中