Блог

У меня есть форма и фрагмент javascript кода для создания AJAX форм. Странно то, что когда я отправляю свою форму в Internet Explorer, отображается только [object Object] . Форма отлично работает в Google Chrome. Вот мой код:

Заголовок формы:

 <form id="page-details-form" class="ajax-form" name="page-details-form" method="POST" action="/pages/save/1">
  

Прослушиватель Javascript:

 <script>
    $(function(){

        $(document).on("submit",".ajax-form",function(e){
            if (window.event) {
                window.event.returnValue = false;
            }           
            e.preventDefault ? e.preventDefault() : e.returnValue = false;

            $('.form-message').remove();

            if($('#onSubmitJsEval').html() amp;amp; $('#onSubmitJsEval').html().length > 0)
            {
                eval($('#onSubmitJsEval').html());
            }

            var submitBtnValue  = $('#submitBtn').html();
            var formId          = $(this).attr('id');
            var postData        = $(this).serializeArray();

            $('#submitBtn')     .html('<img src="images/ajax-loader.gif" />');
            $('p.has-error')    .remove();
            $('div.has-error')  .removeClass('has-error');

            $.post($(this).attr('action'), postData, function(jsonResponse)
            {
                var jsonObject = jQuery.parseJSON(jsonResponse);

                if(jsonObject.success == true)
                {
                    $('<div class="<?=MESSAGE_SUCCESS_CLASS?>"><?=MESSAGE_SUCCESS_PREFIX?>' jsonObject.message '</div>' ).insertBefore( "#"   formId   " h2" );
                    if(jsonObject.insertedId > 0)
                    {
                        var stringPath = window.location.pathname.substr(window.location.pathname.length - 1);

                        document.location.href = window.location.pathname   ((stringPath != "/") ? "/" : "")   jsonObject.insertedId;
                    }
                }
                else
                {
                    $('<div class="<?=MESSAGE_ERROR_CLASS?>"><?=MESSAGE_ERROR_PREFIX?>' jsonObject.message '</div>' ).insertBefore( "#"   formId   " h2" );
                    $.each(jsonObject.errors, function(index, value){

                        $('[name=' index ']').parent().addClass('has-error');
                        $('[name=' index ']').after('<p class="has-error help-block">' value '</p>');
                    })

                }

                $('#submitBtn').html(submitBtnValue);
            });

        });


    }); 

</script>
  

Я попробовал несколько вариантов, помимо текущего варианта:

• if (e.preventDefault) e.preventDefault();
• e.returnValue = false
• e.returnValue = false после e.preventDefault

У кого-нибудь есть идея? Если мне нужно опубликовать больше кода, пожалуйста, дайте мне знать. Я могу опубликовать весь код, если вы хотите.

Большое спасибо!

Вам понадобится комбинация e.preventDefault() и return false с промежуточным кодом обработки.

 $(document).on("submit", ".ajax-form", function(e) {
    e.preventDefault();
    //Do your stuff here
    return false;
});