JavaScript发布并等待响应JSON

现在我有下面的代码，这段代码将一些数据发布到我的页面，并等待status=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();
}

---

在

data:data，

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();
}

---

在ajax中使用

dataType:'json'，