jquery ajax的async属性的理解

 $(function(){
     queryTemplateSort();
     //
     fillAddTemplatePage();
     function queryTemplateSort() {
         $.ajax({
             type: "post",
             url: "http://localhost:8080/...",
             data: {"pageNo": 1, "pageSize": 20},
             dataType: "json",
             success:function(data){
                 var sortArray = data.dataList;
                 for(var i = 0; i < sortArray.length; i++) {
                     var option = "<option value='"+ sortArray[i].id +"'>"+ sortArray[i].name +"</option>";
                     var $selectElement = $(".templateSelectDiv select");
                     $selectElement.append(option);
                 }
             }
         });
     }
     fillAddTemplatePage();
     function fillAddTemplatePage() {
     var varUrl = window.location.search;
     if(varUrl === "") {
         return;
     }
     var topicid = "" + parseToNum(varUrl);
     var jsonObject = {"topicid": topicid};
     var jsonStr = JSON.stringify(jsonObject);
     $.ajax({
         type: "post",
         url: "http://localhost:8080/....",
         data: {'params':jsonStr},
         dataType: "json",
         success: function(data){
             fillData(data.obj);
         }
     });
}
        /**填充页面数据*/
 function fillData(data) {
     document.getElementById("magazineTopicId").value = data.id;
     $(".templateSelectDiv select option[value='" + data.categoryId + "']")[0].selected = true;    //erro undefined
     document.getElementById("title").value = data.varName;
     document.getElementById("chooseMusic").value = data.music.name;
     document.getElementById("musicLink").value = data.music.link;
     fillPage(data);
}
      .....
}

 //jsp
 <div class="templateSelectDiv">
     <select >
         <option value="0">全部</option>
     </select>
 </div>

加载这个jsp的时候调用queryTemplateSort方法，其中用ajax请求到数据后把选项拼接到这个select框中，第24行如果请求的url没有带参数则不填充页面数据，如果带了参数就根据一个id去查询这个页面的数据，然后回写到页面，但是因为在调用queryTemplateSort方法，ajax请求没有设置async属性，默认为true，支持异步，就是执行queryTemplateSort方法的同时分出一个线程继续向下执行fillAddTemplatePage方法，而这个方法的选择器选中的元素是queryTemplateSort执行完毕后才添加上去的，所以当如果queryTemplateSort没执行完就执行fillAddTemplatePage，下面这个语句就会报undefined的错误。当设置async： false时（意思是不分出另外的线程，执行完该方法后才会继续执行其他代码），这个时候当再执行到fillAddTemplatePage时，queryTemplateSort已经执行成功，这时就不会报错。

$(".templateSelectDiv select option[value='" + data.categoryId + "']")[0].selected = true;
后来发现就算取消了异步请求这样选中下拉框的选项还是会出现undefined的错误，而下拉框已经加载完成，不得要领，后来无赖改成

$(".templateSelectDiv select").val(data.categoryId)来选中下拉框。