[急]关于ajax前后端交互问题。

yyy_3y 2018-06-01 12:59:41

 <form action="" method="POST" class="main">

      {% csrf_token %}

    <div class="py-5">

    <div class="container">

      <div class="row">

        <div class="col-md-3" > </div>

        <div class="col-md-6">

          <div class="card text-white p-5 border border-secondary">

            <div class="card-body">

              <h1 class="mb-4 border border-secondary text-secondary text-center">注册</h1>

                <div class="form-group">

                  <label class="text-dark">登陆用户名</label>

                  <input type="text" name="nickname" id="nickname"class="form-control" placeholder="*用户名不能超过20字符"> </div>

                <div style="color: #FF0000">{{account_msg}}</div>

                <div class="form-group">

                  <label class="text-dark">登陆密码</label>

                  <input type="password" name="password" id="password" class="form-control" placeholder="*登录密码长度为6-20位"> </div>

                <div style="color: #FF0000">{{password_msg}}</div>

                <div class="form-group">

                  <label class="text-dark">确认登陆密码</label>

                  <input type="password" id="repassword" name="repassword"class="form-control" placeholder="*确认登录密码长度为6-20位"> </div>

                <div style="color: #FF0000">{{repassword_msg}}</div>

                <div class="form-group">

                  <label class="text-dark">学号/教工号</label>

                  <input type="text-dark" id="studyname" name="studyname"class="form-control" placeholder="*请输入学号/教工号"> </div>

                <div style="color: #FF0000">{{studyname_msg}}</div>

                <div class="fi">

                  <label class="tit text-dark" id="title_domain"> 域名 </label>

                  <select id="domain" name="domain" class="ipt-t mx-2 w-50">

                    <option value="@zucc.edu.cn">@zucc.edu.cn（教师）</option>

                    <option value="@stu.zucc.edu.cn">@stu.zucc.edu.cn（学生）</option>

                  </select>

                  <input type="button" onclick="AjaxSubmit();" name="send_check" value="验证码">

                  <input type="text-dark" name="check_get" class="form-control" placeholder="*请输入验证码"> </div>

                <div style="color: #FF0000">{{emaicode_msg}}</div>

                <button type="submit" name="registerbutton"class="btn btn-secondary btn-block p-2 my-4">注册</button>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>

  </form>

  <script>

    function AjaxSubmit() {

        $.ajax({

            url:"/account/register/",

            type:"POST",

            data:{

                "nickname":$("nickname").value(),

                "password":$("password").val(),

                "repassword":$("repassword").val(),

                "studyname":$("studyname").val(),

                "title_domain":$("title_domain").val()

            },

            success:function(data) {

                   var dataObj = JSON.parse(data);

                   $("span").text(dataObj["emaicode_msg"])

            }

        });

    }

  </script>