JQuery Form ajaxSubmit не отправляет

Я использую расширение формы JQuery для отправки формы с помощью AJAX. У меня есть следующий код:JQuery Form ajaxSubmit не отправляет

var options = { 
    beforeSubmit: showRequest, // pre-submit callback 
    success:  showResponse, // post-submit callback 

    // other available options: 
    //url:  url   // override for form's 'action' attribute 
    //type:  'post',  // 'get' or 'post', override for form's 'method' attribute 
    //dataType: null  // 'xml', 'script', or 'json' (expected server response type) 
    clearForm: true,  // clear all form fields after successful submit 
    //resetForm: true  // reset the form after successful submit 

    // $.ajax options can be used here too, for example: 
    timeout: 3000 
}; 


$('#composeForm').submit(function() { 
    // inside event callbacks 'this' is the DOM element so we first 
    // wrap it in a jQuery object and then invoke ajaxSubmit 
$(this).find(':disabled').removeAttr('disabled'); 

    $(this).ajaxSubmit(options); 

    // !!! Important !!! 
    // always return false to prevent standard browser submit and page navigation 
    return false; 
});

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

Cheers, Gazler.

EDIT | Кажется, работает над моим локальным хостом. Может ли это быть чем-то связанным с тем, что домен является дополнительным доменом?

источник

2010-03-24 Gazler

Когда вы смотрите на информацию XMLHttpRequest с Firebug, что вы видите? – Pointy

Спасибо, я не знал об этой функции в firebug. Я получил 403 Forbidden ответ, что странно, учитывая, что если я удаляю return false, то он отлично работает. – Gazler

Скучайте от темы. Я думаю, что использование e.preventDefault() было бы лучшим выбором, чем возвращение false. – xandy

Я предполагаю, что когда вы удаляете ложь, ваша обычная подача происходит - она не работает вообще в обоих случаях.

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

источник

2010-03-24 15:19:01 Hogan

Подача работает, если она является обычной подачей. – Gazler

Точно - если вы хотите сделать работу jQuery ajax submit, используйте кнопку, чтобы вы не взаимодействовали с другим submit таким образом, будет легче решить проблему. – Hogan

Вот попробуйте следующее:

$(document).ready(function(){ 
     $("#composeForm").submit(function(){ 
       var str = $(this).serialize(); 
       var formAction = $(this).attr("action"); 
       $(this).find(':disabled').attr('disabled',''); 

$.ajax({ 
     type: "POST", 
     url: formAction, 
     data: str, 
     beforeSubmit: showRequest, 
     success: showResponse 
     }); 

    return false; 

    }); 

});

источник

2010-03-24 16:10:35 ant

Это будет работать, но не с изображениями. Я считаю, что они не могут быть отправлены изначально через XMLHTTPRequest. – Gazler

@ Gazler это первый раз, когда вы упоминаете изображения .. – ant

Добавление собственного решения,

Опция IFrame должно быть:

iframe: true

Какие решить эту проблему.

Спасибо всем за их вклад.

источник

2010-03-24 16:15:56 Gazler

Там будут некоторые поля внутри формы, которые будут проверены, и это может быть спрятано, поэтому, пожалуйста, проверьте все поля и установите его проверку, и это будет работать для меня, когда я увидел, что скрытые поля скрыты из-за jQuery скрыть шоу. Или вы можете удалить всю валидацию из формы, она будет работать.

источник

2015-09-18 06:13:45 kantsverma

JQuery Form ajaxSubmit не отправляет

ответ

Смежные вопросы