如何在DJango中停止页面重新加载ajax jquery

所以我用Django编写了我的第一个ajax jquery代码。它很好用。我通过ajax格式发送数据，并成功地进入view函数，它创建了我真正想要创建的内容。但问题是页面正在被重新加载，这是我不想做的。我想要一条警报消息来显示何时将传递数据

我的表格：

 <form action="" method="post" id="register">
     {% csrf_token %}
  <div class="container">
    <h1>Register</h1>
      {% if messages %}
      {% for message in messages %}
                       <div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
                           <strong>Hello ap!</strong> {{ message }}
                       <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                       <span aria-hidden="true">&times;</span>
                       </button>
                       </div>
            {% endfor %}
      {% endif %}

    <hr>
      <label for="text"><b>Username</b></label>
      <input type="text" id="username" name="username" placeholder="required"  required>
       <label for="email"><b>Email</b></label> <br>
      <input type="text" id="email" name="email" placeholder="required" required > <br> <br>
      <label for="Password"><b>Password</b></label> <br>
      <input type="password"id="password" name="password"placeholder="required" required>
      <label for="ConfirmPassword"><b>Confirm Password</b></label>
      <input type="password" id="password1" name="password1" placeholder="required" required>


    <hr>
    <button type="submit" onclick="register" id="btn-submit"  class="btn-submit">Register</button>
  </div>

  <div class="container signin">
    <p>Already have an account? <a href="#">Sign in</a>.</p>
  </div>
</form>

我做错了什么？我现在该怎么办？帮帮我，好人

多谢各位

$('#btn-submit').click(function(e) {
    e.preventDefault()
    // create user code
});

然后删除

onclick=“register”

您可以使用并提交表单事件（这对我来说更好，因为它将事件绑定到表单，而不是单击按钮）：

然后删除

onclick=“register”

您可以使用并提交表单事件（这对我来说更好，因为它将事件绑定到表单，而不是单击按钮）：

def sign_up(request):
    if request.method == "POST":
        username = request.POST['username']
        email = request.POST['email']
        password = request.POST['password']
        password1 =request.POST['password1']

        if password == password1:
            if User.objects.filter(username = username).exists():
                messages.warning(request,"username taken")
                return render(request,'accounts/register.html')
            elif User.objects.filter(email =email).exists():
                messages.warning(request,"email taken")
                return render(request,'accounts/register.html')
            else:
                user = User.objects.create_user(username = username, email = email, password = password)
                user.save()
                messages.success(request,"user created successfull")
                print("user created")
                return redirect('login')
                return HttpResponse('')
        else:
            messages.warning(request,"Password not matched")
            print(messages)
            return render(request,'accounts/register.html')

    else:
        return render(request,'accounts/register.html')

$('#btn-submit').click(function(e) {
    e.preventDefault()
    // create user code
});

 $("#register").on("submit", function(e){
    e.preventDefault();
   //Code: Action (like ajax...)
 })