Javascript 与 JSON 请求同步

Question

如何确保一段代码在执行另一段代码之前已完全执行？我向服务器发送一些 ajax 请求，然后使用返回的数据生成网页的其余部分。问题是，我需要在网页中拥有所有数据才能继续执行其余代码，因为该代码将影响已生成的内容，并且该代码在 json 请求之前运行，所有这些都已完成。 ..有什么方法可以确保这种情况不会发生吗？我设法通过执行请求然后要求用户按下按钮来解决这个问题，但这是一种完全没有意义的做法。

有什么想法吗？

下面是一些代码： 问题是第二行在第一行之前执行（有很多对类似 JSON 函数的调用）。

$.getJSON(url, function(data){ $("#mycontent").append("..... stuff here...... create loads of dibs with class set to mydivclass"); });
...
$("div.mydivclass").hide();

不幸的是，我无法使用ajax同步属性，因为：“dataType：”jsonp“请求不支持同步操作”

Answer 1

如果您使用的是 jQuery 1.5+，您可以使用 deferreds 来解决您的问题：

function first_ajax_request() {
    return jQuery.ajax(
         // Your settings here
         success: success_function_1
    );
}

function second_ajax_request() {
    return jQuery.ajax(
         // Your settings here
         success: success_function_2
    );
}

function final_sucess_callback() {
    // Do all your display work.
}

jQuery.when(first_ajax_request(), 
            second_ajax_request()).then(final_success_callback);

有一篇关于该主题的优秀文章，您也应该阅读作者：Eric海因兹。他给出了一些例子来说明你正试图解决的问题类型。

Answer 2

jquery请求默认是异步的，所以你的代码不会等待响应，所以你不能保证请求之后的代码会在响应之后执行，所以你可以通过设置 async 属性 false 来设置请求同步，现在请求是同步，您可以保证其余代码将在服务器响应后执行，
像这样 。

$.ajax({
   url: "page.php",
   processData: false,
   data: xmlDocument,,
   async:false,
   success: handleResponse
 });