Ajax call which return a file or a partial html on case of error - how to handle that?

Question

Let suppose we have a dialog with some settings, then on dialog button "OK" the settings are sent to a controller function via AJAX call. This call either result a downloadable file, or an error described in a (partial) html source code. In latter case this error message must be inserted into the dialog.

$.ajax( { 
   url: url, 
   data: dialogFormData, 
   success: function(data) { ???? }
});

How to handle this situation? How to handle the ajax response to process the result? Any idea?

It was only an example. Is it important? Is there any version-specific idea of yours? — Zoltan Hernyak, Aug 26 '21 at 15:14

score 2 · Accepted Answer · answered Aug 26 '21 at 14:19

2

What you want is to check the response type and act accordingly.
You can try something like:

$.ajax({
  url: url, 
  data: dialogFormData, 
  success: function(response, status, xhr){ 
    var ct = xhr.getResponseHeader("content-type") || "";
    if (ct.indexOf('multipart/form-data') > -1) {
      // do something with file
    }
    if (ct.indexOf('text/html') > -1) {
      // do something with html
    } 
  }
});

I didn't test this code, you may need to play around with the types to get the correct ones.

answered Aug 26 '21 at 14:19

iamdlm

1,885
1
11
21

I like it! Thanks the idea! – Zoltan Hernyak Aug 26 '21 at 15:13
By the way - if ct holds a file - how to save from the success func? – Zoltan Hernyak Aug 26 '21 at 15:15
You want to prompt the user to save the file? Check [this answer](https://stackoverflow.com/questions/2897619/using-html5-javascript-to-generate-and-save-a-file/4551467#4551467). – iamdlm Aug 26 '21 at 15:26
Thx. I will. Seems very interesting! – Zoltan Hernyak Aug 26 '21 at 16:26

Ajax call which return a file or a partial html on case of error - how to handle that?

1 Answers1