Question

我有一个带有表单的网页，该表单的提交按钮以及将用户带到另一个页面的链接。我想在用户点击该链接将其带到另一个页面时，将我对该表单所做的任何更改上传到服务器（将保存值的php脚本）。

绑定javascript ajax函数的最佳事件是什么，以便将表单传递给服务器，然后将用户重定向到下一页？

Answer 1

一种方法是在服务器端重定向，
如果使用php：

header("Location: new_page.php"); //involves no javascript

另一种方法是使用javascript ajax，我使用jQuery：

$('form').submit(function(e){

   e.preventDefault();

   $.ajax(
    {
       url: this.action,
       data: $(this).serialize(),

       success: function(){
            window.location = 'newpage';//redirect on success
       }
    }
   )
})

Answer 2

如果你不介意jQuery，

 $("#yourlink").click(function (event) {
    $.ajax({
      type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   });
location.href("your link"); //actually, i'm pretty sure the link will go ahead and fire anyways without this... 
    });

在页面上调用Javascript AJAX函数的方法

2 个答案: