jQuery ajaxForm возвращает файл .json

Чтобы браузер не запускал загрузку файла .json, установите для заголовка Content-type значение «text / html».

PHP:

header("Content-type: text/html");

ASP.NET MVC:

return Json(obj, "text/html");

В javascript вам нужно проанализировать текстовый результат, например:

$(".addform").ajaxSubmit({
            url: "file.php",
            type: "POST",
            dataType: "text",
            iframe: true,
            success: function (text) {
                var data = $.parseJSON(text);
            },
            error: function (xmlRequest, textStatus, errorThrown) {
                alert(errorThrown);
            }
        });

Прекрасно работает.

Хотя это не совсем то, что я хотел решить, я смог прийти к немного другому решению, которое соответствовало моим потребностям!

Поскольку загрузка файлов ajax выполняется через iframe, проблема заключалась в том, что после того, как iframe загрузил файл .json, Firefox интерпретировал его как загрузку, и было открыто приглашение загрузки. Я почти уверен, что мог бы поиграть с некоторыми настройками сервера, чтобы предотвратить это, но я уже потратил на это достаточно времени.

Итак, то, что я сделал, было визуализировано как текст вместо json, потому что я все равно ловил только один номер идентификатора. Теперь мой код выглядит так:

$(document).ready(function() {
  $('#continue-upload').click(function() {
    $('#new_stem').ajaxSubmit({
      dataType: 'text', //'json',
      success: formSuccess
    });
  });
});

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

Это делает то, что я хочу сейчас, у-у!

На самом деле код ajaxSubmit для этого плагина немного взломан. Чтобы заставить ajaxSubmit работать (на момент написания), ваш сервер должен возвращать данные JSON как content-type = text / html. Плагин автоматически удалит теги ‹\ pre> и т. Д. (См. Исходный код). Я думаю, когда они пытались получить скрытый iframe, чтобы вытащить json, они решили обработать json текст и проанализировать его с iframe.

Этот плагин позволит вам отправлять многостраничные формы с помощью ajax.

Если вы хотите использовать опцию Ajax «success:», вам необходимо отправить форму с помощью ajax. В настоящее время вы используете функцию submit (), которая в основном просто отправляет форму традиционным способом. Тот факт, что вы можете видеть данные json в виде загруженного файла или в своих браузерах, означает, что это происходит.

Вам нужно использовать этот плагин (если вам нужна функция multipart - в противном случае просто используйте обычную функцию Ajax)

С плагином вы бы использовали его так:

$("#SubmitButton").click(function() {

  $.ajaxFileUpload({
    url: serverurl,
    secureuri: false,
    fileElementId: elementId,
    dataType: 'json',
    success: function(data, status) {
      /* show success message */
    },
    error: function(data, status, e) {
      /* handle error */
    }
  });
});

Если вы хотите сделать это без загрузки файла, есть более простой способ сделать это.

$("#SubmitButton").click(function() {
  $.post('YOUR_URL', $("#FormName").serialize(), function(data) {
    alert(data.name); // John
  }, "json"); //specify return data is going to be json
});

Похоже, заголовок ответа Content-Type неверен, и поэтому браузер не знает, что с ним делать. Это должно быть application/json. Вы можете использовать панель Net Firebug для определения фактических заголовков ответов.

Вы отменяете действие по умолчанию для события submit? Похоже, что форма на самом деле отправляется (другими словами, в классическом смысле Firefox переходит на страницу, указанную в action формы).

Может это поможет

$('#cpFileUpload').ajaxForm({
        dataType: 'html',           
        success: function(data) {           
            eval(data);                 
            if (data.result == false) {
                alert('error on server side');
            } else {                
                // do what you want
            }
        }       
    }); 

И на стороне сервера вывод должен быть таким (только этот вывод или без какого-либо другого текста внутри тега тела)

var data = {result: true, html: 'ok'}

Не очень приятно, но работает

Простой способ:

$('#new_stem').ajaxForm({ dataType: 'text', complete: function(xhr) { data = JSON.parse(xhr.responseText); } });