Question

是否有可能在不必离开页面的情况下制作一个获取表单数据并在现场执行php文件的函数？谢谢:)）

Answer 1

function executeFormSubmit(formSelector,callback/*optional*/){
    var form = $(formSelector),
        method = form.attr('method') || 'get',
        action = form.attr('action') || '',
        query = form.serialize(),
        separator = action.indexOf('?') == -1 ? '?' : '&';
    $.ajax({
        url : action + separator + query,
        method : method,
        success : function(){
            typeof callback == 'function' && callback.apply(this,arguments);
        }
    });
}

Answer 2

没有实际提交，但仍然点击按钮就可以这样做：

HTML：

<form>

  <input type="text" id="name"></input>
  <input type="text" id="age"></input>

  <input id="myButton" type="button"></input>

</form>

的javascript：

$('#myButton').click(function(){
  var data = {
    name: $('#name').val();
    age: $('#age').val();
  };

  $.ajax({
    type: 'POST',
    url: 'http://www.mydomain.com/myphpfile.php',
    data: data,
    success: function(){
      alert('done...');
    }
  });
});

有关使用jquery提交ajax的更多信息： http://api.jquery.com/category/ajax/

获取表单数据并提交它的功能（无需点击提交按钮）？

2 个答案: