在JQUERY成功时调用函数

Calling a function on JQUERY success

本文关键字:调用 函数 成功 JQUERY      更新时间:2023-09-26

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

<!---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>

我哪里错了?

在有问题的情况下,请求是否真的成功返回?使用Firebug或Fiddler或您正在使用的任何开发工具条来检查响应。可能是服务器错误、连接错误或任何其他原因导致请求失败。

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