2011-09-20 43 views
0

是否有可能創建一個函數,它可以在不離開頁面的情況下就地獲取表單數據並執行一個php文件?謝謝:))函數接受表單數據並提交它(不需要按下提交按鈕)?

+0

簡答:是的。 – chiborg

+0

什麼事件應該提交數據?你想在每個按鍵上提交,當某個字段填滿後,只要表單驗證正確,等等。 – chiborg

+0

這應該可以幫助你做你想做的事:http://jquery.malsup.com/form/ – m90

回答

1

實際沒有提交,但仍然有buttonclick你可以做這樣的:

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提交的信息: http://api.jquery.com/category/ajax/

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); 
     } 
    }); 
}