Форма POST по нажатию кнопки, используя jquery ajax

Question

Форма POST по нажатию кнопки, используя jquery ajax

я пытаюсь загрузить форму через ajax и отправить форму, а затем написать ответ на «#pagediv».

Вот мой рабочий код

    $(function() {
$.ajax({
url: "<?php echo $_SERVER['PHP_SELF']; ?>",
type: "GET",
data: { <?php echo $ajxparam; ?> },
dataType: "html",
cache: false
}).done(function( msg ) {
$("#pagediv").html(msg);
$("#savebtn").click(function(event){ event.preventDefault(); $("#testform").submit(); });
}).fail(function() {
$("#pagediv").html( "Request Failed. Please Try Again Later." );
});
});

измененный код в форме отправки части (см. ниже); не работает, я что-то пропустил?

    $(function() {
$.ajax({
url: "<?php echo $_SERVER['PHP_SELF']; ?>",
type: "GET",
data: { <?php echo $ajxparam; ?> },
dataType: "html",
cache: false
}).done(function( msg ) {
$("#pagediv").html(msg);
$("#savebtn").click(function(event){
event.preventDefault();
$("#testform").submit(function(evt) {
evt.preventDefault();
var $form = $( this ),
url = $form.attr( 'action' );
var posting = $.post( url, $(this).serialize() );
posting.done(function( dte ) {
$("#successdiv").html(dte);
});
});
});
}).fail(function() {
$("#pagediv").html( "Request Failed. Please Try Again Later." );
});
});

Примечание: — Форма POST URL отличается от главной страницы загрузки ajax.

1

ajax html-form-post jquery php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

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

    $("#savebtn").click(function(event){
event.preventDefault();
var $form = $("#testform"),
url = $form.attr( 'action' );
var posting = $.post( url, $form.serialize() );
posting.done(function( dte ) {
$("#successdiv").html(dte);
});
});

1