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)来选中下拉框。