您的位置:首页 > 其它

.ajax设置成同步的应用场景

2015-11-16 10:39 211 查看
  原来一直觉得ajax的defer方式已经是多余,现在才觉得asyn:false设置成同步方式都是有用的。打个比方,在ready页面加载又要保存切换选项卡状态又要保存前一搜索结果的话,就有用。

    $.ajax(
{
type: "post",
url: "./HelpCenterTabSwitch.ashx",
data: "type=6&flag=1&tid=" + encodeURI(encodeURI(PTid)),
cache: false,
<span style="color:#ff0000;"> async: false,</span>
dataType: "text",
success: function (msg) {
<span style="background-color: rgb(204, 102, 204);">
$("#selection").show();
$("#UlContent li").remove();
$("#UlContent").append(msg);

</span>
}
});
}
if (window.localStorage.getItem("keyword") == "description" && typeof (flag) != "undefined") {
$("#problem").removeClass("at");
$("#description").addClass("at");
$.ajax(
{
type: "post",
url: "./HelpCenterTabSwitch.ashx",
data: "type=4&flag=1&tid=" + encodeURI(encodeURI(PTid)),
cache: false,
<span style="color:#ff0000;"> async: false,</span>
dataType: "text",
success: function (msg) {

<span style="color:#ffff00;"> </span><span style="color:#cc33cc;"> $("#selection").show();
$("#UlContent li").remove();
$("#UlContent").append(msg);</span>

}
});

}
if (window.sessionStorage.getItem("keyword2") != null&&window.sessionStorage.getItem("keyword2").replace(/(^\s*)|(\s*$)/g, "") != "" && window.sessionStorage.getItem("keyword2") != "请输入关键字搜索")
{

//$.ajax({
// type: "POST",
// anync: false,
// url: "HelpCenterSuggestion.ashx",
// cache: false,
// dataType: "text",
// data: { m: window.sessionStorage.getItem("keyword2") },
// success: function (result) {

$("#UlContent li").remove();
$("#UlContent li").removeAttr("padding");

$("#SearchResult").html("");
$("#SearchResult").html("搜索结果");
//$("#UlContent").append(result);
$("#UlContent").append(window.sessionStorage.getItem("searchResult2"));
$("#SearchResult").css("margin-top", "");
$("#SearchResult").css("margin-bottom", "");
$("#SearchResult").css("text-align", "");
$("#SearchResult").css("border-bottom", "1px solid #e2e3e7");

$("#selection").hide();
$("#content").show();

// }

//});
}


  这边如果不设置为asyn为false的话,当执行前两段后的返回搜索结果最后还是会异步执行上面这段:

<span style="background-color: rgb(204, 102, 204);"> $("#selection").show();
$("#UlContent li").remove();
$("#UlContent").append(msg);
</span>

  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: