사용자 정의 함수를 정의한 다음 페이지가로드 될 때 호출합니다.JQUERY 성공 함수 호출
<!---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 호출이 성공적으로 내가하지만 내 selectlists를 새로 고칠 수 있습니다 완료 될 때 내 사용자 지정 기능 PopulateSelectLists()를 호출하는 것을 시도하고있다 : 나는 그룹 selectlists을 채우기 때문에 페이지가로드 될 때 실행하는 기능이 필요합니다
<!---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>
여기서 내가 잘못 생각합니까?
콘솔에 오류가 있습니까? 첫 번째 성공 라인으로 경고 또는 console.log를 추가하면 성공할 수 있습니까? js 디버깅을 했습니까? –
__it 내 함수를 호출하지 않는 것 같음 _ - 콘솔을보고 console.log를 사용하여 디버깅을 추가하십시오. 즉, 확인하려면 –
브라우저를 새로 고쳤으므로 지금 작동하고 있습니다. 브라우저 캐시가 일을 망쳐 놓은 것 같아서 실수 였을 수도 있습니다. –