javascript - 在 JQUERY 成功时调用函数

Question

我定义了一个自定义函数，然后在页面加载时调用。我需要在页面加载时运行该函数，因为它正在填充组选择列表:

<!---Populate Custom Service Description select lists --->           
<script type="text/javascript">
function PopulateSelectLists(){
    // Important: Must append the parameter "&returnformat=json"
    $.ajax({
       url: 'cfcs/get_descriptions.cfc?method=getDescriptions&returnformat=json'
       , dataType: 'json'
       , success: function(response){
           $.each(response.DATA, function(I, row){
            // get value in first column ie "description"
            var description = row[0];

            // append new option to list
            $("#descriptionDD1").append($('<option/>', { 
                    value: description,
                    text : description 
            }));
            $("#descriptionDD2").append($('<option/>', { 
                    value: description,
                    text : description 
            }));
            $("#descriptionDD3").append($('<option/>', { 
                    value: description,
                    text : description 
            }));
            $("#descriptionDD4").append($('<option/>', { 
                    value: description,
                    text : description 
            }));
        });
       },
       error: function(msg){
           console.log(msg);
       }
    })
}
$(document).ready(PopulateSelectLists); 
</script>

当另一个 AJAX 调用成功完成时，我尝试调用我的自定义函数 PopulateSelectLists()，以便我可以刷新我的选择列表，但它似乎从未调用我的函数:

<!---Script to add new description to DB --->
<script>
$(function(){
//Add a new note to a link
$("#addDescriptionForm").submit(function(){
   // prevent native form submission here
        $.ajax({
            type: "POST",
            data: $('#addDescriptionForm').serialize(),
            url: "actionpages/add_descriptions_modal.cfm",
            success: function() {
              PopulateSelectLists(); //Call Function to refresh selectlist  
              $("#addDescriptionResponse").append( "Successfully added description." );

              }    
        });
        return false;           
    });
});
</script>

我哪里出错了？

Answer 1

在有问题的情况下，请求实际上是否成功返回？使用 Firebug 或 Fiddler 或您正在使用的任何开发工具栏检查响应。可能是服务器错误、连接错误或任何其他可能丢弃请求的原因，因此未成功。

您还可以考虑使用完整处理程序:http://api.jquery.com/jquery.ajax/ .