Javascript - Заявления пропущены

Question

У меня есть кнопка в моем html:

<button id="confirm-download" onclick="submit(getStudentsDetails)" data-dismiss="modal" class="btn btn-success">Confirm</button>

, и это функции submit и getStudentsDetails

function submit(callback) {
    $('#download_resumes').attr('action', '/api/studentsdetails/');
    $('#download_resumes').submit();
    callback()
}

function getStudentsDetails() {
    $('#download_resumes').attr('action', '/api/studentsdetails/');
    $('#download_resumes').submit();
}

Теперь эти функции относятся к этой форме:

<form  id = "download_resumes" action="api/" method = "POST">

Проблема в том, что здесь вызывается только второй API (/api/studentsdetails/).Я хочу, чтобы оба этих API назывались onClick кнопки.

---

2 API , которые необходимо вызвать, являются '/api/resumes/', '/api/studentsdetails/'.

Answer 1

вы можете использовать ajax-запрос для отправки формы, и в случае успеха вы можете вызвать этот метод обратного вызова

function submit(callback) {
//assuming callback is method name you want to call 
    $.ajax({
        url:'/api/studentsdetails/',
        data:$('#download_resumes').serialize(),
        success:function(response){
            window[callback]();
        }
    });        
}

window [callback] ();Вызов метода обратного вызова при успешном завершении см. по этой ссылке для получения дополнительной информации.

Answer 2

Используйте обработчик отправки, а затем вызовите вторую функцию, как показано ниже

function submit(callback) {
    $('#download_resumes').attr('action', '/api/studentsdetails/');
    $('#download_resumes').submit(function( event ) {
  alert( "Handler for .submit() called." );
  callback()
});
}

function getStudentsDetails() {
    $('#download_resumes').attr('action', '/api/studentsdetails/');
    $('#download_resumes').submit();
}