Как запретить браузеру, использующему плагин jQuery Form, переходить на URL-адрес действия формы?

Question

Я использую OpenLayers и jQuery Mobile и пытаюсь загрузить изображение на сервер и посмотреть предварительный просмотр без обновления страницы. У меня есть этот код на месте:

Markup:

<form id="imageform" method="post" enctype="multipart/form-data" action='image.php'>
  <input type="hidden" id="fid" name="fid">
  <input type="file" accept="image/*;capture=camera" name="imagechooser" id="imagechooser">           </form>
<div id="imagepreview"></div>   

JavaScript:

$('#imagechooser').on('change', function(event){        
    $("#imagepreview").html('');
    $("#imagepreview").html('<img src="loader.gif" alt="Uploading...."/>');
    $("#imageform").ajaxForm({          
        target: '#imagepreview'
    }).submit();
});

Все работает нормально, файл загружен, и цель показывает изображение, за исключением того, что браузер переходит на страницу: www.mypage.com/image.php и там страница пуста с одним словом: "undefined", чтобы увидеть цель с изображением Мне нужно нажать кнопку "Назад" в браузере.

Можно ли как-то запретить браузеру изменять и показывать эту страницу?

Спасибо.

Answer 1

Вы отправляете форму через браузер по умолчанию, не ajax. Это приводит к открытию страницы формы action. Если вы хотите отправить ajax, используйте метод ajaxSubmit ()