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

wuliangtdi

    <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

这是后台的任务吧

一只胖麻圆

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

kogawananari

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

kogawananari

<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存进数据库