Javascript - Statements skipped

Question

I have a button in my html:

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

and these are the submit and getStudentsDetails functions

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

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

Now these functions are referring to this form:

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

The problem here is that, only the second api (/api/studentsdetails/) is getting called here. I want both of these apis to be called onClick of the button.

The 2 APIs that need to be called are '/api/resumes/', '/api/studentsdetails/'.

As soon as you call `.submit()` on your form you've left this page. If you want to stay on this page, you must post the form asynchronously. — Randy Casburn, Oct 14 '18 at 16:12
Your question is unclear, which are the two APIs that you want to be called ? — vizsatiz, Oct 14 '18 at 17:04
Please use the search feature! Here: https://stackoverflow.com/search?q=submit+form+asynchronously — Randy Casburn, Oct 14 '18 at 17:28

score 0 · Answer 1 · answered Oct 16 '18 at 06:27

0

Use Handler of submit and then call your second function like the following

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();
}

answered Oct 16 '18 at 06:27

Gaurav joshi

1,743
1
14
28

Instead of `callback()`, I have writted `getStudentsDetails()` and tried this. Seems like both the API's are not getting called. – Sreekar Mouli Oct 16 '18 at 07:54

Dhaval Pankhaniya · Answer 2 · 2018-10-16T06:42:43.557

0

you can use ajax request to submit form and on success you can call that callback method

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] (); will call your callbackmethod on success refer this link for more information.

edited Oct 16 '18 at 06:42

answered Oct 16 '18 at 06:37

Dhaval Pankhaniya

1,996
1
15
26

I have tried this code. The `api/resumes` is being called and after that I am getting this error in console: `GET http://localhost/api/studentsdetails/?resumes=007 404 (Not Found)`. My API doesn't take queries. How can I handle that? – Sreekar Mouli Oct 16 '18 at 07:51
404 means there is no such url, may b you are calling wrong url. check your url may b it is wrong or spelling mistakes or given path is wrong there are many possibilities – Dhaval Pankhaniya Oct 16 '18 at 09:03
My bad. It needs to be a **POST** request not **GET**. I have added `type: 'POST'` now. The API now is being called but I am not getting the response. Basically its response is a csv file. – Sreekar Mouli Oct 16 '18 at 11:30
so you are getting data that you want to convert it to csv file right ?, or server is sending csv file as a response ? – Dhaval Pankhaniya Oct 16 '18 at 11:52
Server should csv file as response! – Sreekar Mouli Oct 16 '18 at 14:45
are you using mvc ? then check [this link](https://stackoverflow.com/questions/3604562/download-file-of-any-type-in-asp-net-mvc-using-fileresult) for downloading files – Dhaval Pankhaniya Oct 16 '18 at 14:53

Javascript - Statements skipped

2 Answers2