提交表格并停留在同一页面上？

Question

我有一个看起来像这样的表格<form action="receiver.pl" method="post">  <input name="signed" type="checkbox">  <input value="Save" type="submit"></form>并且我想停留在同一页面上，单击“提交”后，但仍然receiver.pl执行了。应该怎么做？

Answer 1

最简单的答案：jQuery。做这样的事情：

$(document).ready(function(){

   var $form = $('form');

   $form.submit(function(){

      $.post($(this).attr('action'), $(this).serialize(), function(response){

            // do something here on success

      },'json');

      return false;

   });

});

如果您想动态添加内容并且仍然需要它来工作，并且还需要使用多种形式，则可以执行以下操作：

   $('form').live('submit', function(){

      $.post($(this).attr('action'), $(this).serialize(), function(response){

            // do something here on success

      },'json');

      return false;

   });

Answer 2

使用XMLHttpRequest

var xhr = new XMLHttpRequest();

xhr.open("POST", '/server', true);

//Send the proper header information along with the request

xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

xhr.onreadystatechange = function() { // Call a function when the state changes.

    if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {

        // Request finished. Do processing here.

    }

}

xhr.send("foo=bar&lorem=ipsum");

// xhr.send(new Int8Array()); 

// xhr.send(document);