JavaScript 发布并等待响应 JSON

Question

现在我有以下代码，此代码将一些数据发布到我的页面并等待状态 = SUCCESS 或 Failure 的响应。我想了解这是异步还是同步。我怎样才能让这个 JavaScript 查询等待响应然后运行里面的成功？它似乎并不等待它发布到的内容的响应。

谢谢!

my.submit = function() {
   var form = $('#lines');
   console.log(form)
   var data = form.serialize();
   console.log(data)

   $.post('', form.serialize(), function(json) {
         console.log(json)
         if(json.status === 'SUCCESS') {
               console.log('success');
               window.open(json.imgid, '_self');
        } else {
              console.log('failure');


        }
  }, 'json');

  $('#progress_bar').show();
}

然后我尝试通过编辑下面的代码使其按照我想要的方式工作，但现在它只返回整个页面的 HTML 内容而不是 JSON 响应。知道为什么它没有收到 JSON 响应吗？

 my.submit = function() {
   var form = $('#lines');
   console.log(form)
   var data = form.serialize();
   console.log(data)

     $.ajax({
       url: '',
       type: 'POST',
       data: data,
       success: function(json) {
        console.log(json)
        if (json.status === 'SUCCESS') {
         console.log('Success!');
        } else {
         console.log('An error occurred.');
         console.log(data);
        }
       }
      }, 'json');


    $('#progress_bar').show();
}

Answer 1

在data: data,下面添加dataType: 'json',

my.submit = function() {
    var form = $('#lines');
    //console.log(form)
    var data = form.serialize();
    //console.log(data)

    $.ajax({
        async: false,
        url: '',
        type: 'POST',
        data: data,
        dataType: 'json',
        success: function(json) {
          console.log(json)
          if (json.status === 'SUCCESS') {
            console.log('Success!');
        window.open(json.imgid, '_self');
          } else {
            console.log('An error occurred.');
            console.log(data);
          }
        }
     }, 'json');


    $('#progress_bar').show();
}