Как POST без использования Submit?

Question

Я хочу опубликовать форму, но не хочу использовать метод Submit. Если я использую JQuery, как обрабатывать элементы ввода формы?

Answer 1

Вы можете использовать функции jQuery AJAX .post function. Пример (тестировался, но должен работать):

<script> 
function postit(obj) { 
    var data = $(obj).serialize(); 
    $.post($(obj).attr("action"), data, function() { 
    //Put callback functionality here, to be run when the form is submitted. 
    }); 
} 
</script> 
<form action="posthandler.php" onsubmit="postit(this); return false;"> 
<input type="text" name="field"> 
<input type="submit"> 
</form> 

Кроме того, читать о serialize

(Вы, конечно, нужно, чтобы включить библиотеку JQuery в коде, прежде чем использовать этот код).

Answer 2

Я не уверен, правильно ли я понял вопрос.

Если вы не хотите использовать submit(), вы можете сделать то же самое через jQuery.post() с помощью Ajax. Основное различие заключается в том, что вы сами должны сами строить данные значения ключа из полей ввода, а не делать это автоматически, и вы не будете обновлять страницу.

Answer 3

Просто создать функцию, которая срабатывает любое событие вы хотите, например: (нашел этот код в другом вопросе)

function example() { 
// get all the inputs into an array. 
    var $inputs = $('#myForm :input'); 

    // not sure if you wanted this, but I thought I'd add it. 
    // get an associative array of just the values. 
    var values = {}; 
    $inputs.each(function() { 
     values[this.name] = $(this).val(); 
    }); 
} 

После этого вы можете делать все, что вы хотите с входными значениями. Возможно, вы захотите рассмотреть возможность использования более совершенной обработки, но есть много плагинов, которые могут обеспечить такую ​​функциональность.

Answer 4

Любая функция отправки или функция загрузки будут работать.

@PRK вы пытаетесь опубликовать форму при загрузке страницы или когда пользователь нажал кнопку?

нагрузки (URL, параметры обратного вызова)

например:

$("#loadItHere").load("some.php", {somedata: 1});