jQuery - check if json file exists, if not use another file

Question

I'm working on a project, where depending on user language, widget loads json file with content in that language. But since there are many languages, I need to check, if json file for that language exists, if it doesn't, need to load fallback json file (english).

My current code:

var cookieLang = Cookies.get('language');
widget = "../json/widget_";
ext = ".json";
en = 'en';
lv = 'lv';
ru = 'ru';

if (cookieLang === en){
    json_url = widget + en + ext;
}else if (cookieLang === lv){
    json_url = widget + lv + ext;
}else if (cookieLang === ru){
    json_url = widget + ru + ext;
}

$.getJSON(json_url, function(json){
...
});

With current code I get console error /json/widget_ru.json 404 (Not Found) when file doesn't exist.

What is the best way to check if json file exists and without console errors, if doesn't exist load default one?

@Elvis check what is the url you are finally hitting to server to get the json file. 404 means the URL endpoint does not exist. — ScanQR
– ScanQR, Commented Nov 14, 2016 at 8:37
The url is ok, file doesn't exist on the server. What I need is to check if json file exists before $.getJSON function. If it returns error 404, json_url should be "../json/widget_en.json" — Elvis
– Elvis, Commented Nov 14, 2016 at 8:43
Instead of $.getJSON use $.ajax to handle your error event api.jquery.com/jQuery.ajax — Sagar
– Sagar, Commented Nov 14, 2016 at 8:44

Syam Mohan M P · Accepted Answer · 2016-11-14 09:23:51Z

2

If your app using only JS, the the below code will help you

var cookieLang = Cookies.get('language');
widget = "../json/widget_";
ext = ".json";
en = 'en';
lv = 'lv';
ru = 'ru';

json_url_default = widget + en + ext;

if (cookieLang === en){
  json_url = widget + en + ext;
}else if (cookieLang === lv){
  json_url = widget + lv + ext;
}else if (cookieLang === ru){
  json_url = widget + ru + ext;
}

$.ajax({
 url: json_url,
 type: "GET",
 statusCode: {
    404: function() {
      $.getJSON(json_url_default, function(json){
        //code here
     });
    }
 },
 success:function(json) {
    //code here
 }
});

answered Nov 14, 2016 at 9:23

Syam Mohan M P

1,0679 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Elvis Over a year ago

OK. I guess it kind of works now. Although I still get console error (404) file doesn't exist. Did it like this:

code $.ajax({          url: json_url,          type: "GET",          statusCode: {              404: function() {                 json_url = widget + en + ext;                 fotoWidget();             }         },         success:function(json) {             fotoWidget();         }     });

Syam Mohan M P · Accepted Answer · 2016-11-14 08:48:53Z

0

Implement file checking code on server side. check the below code ( if your app in PHP ).

Client side

var cookieLang = Cookies.get('language');

$.get('/json.php', {lang: cookieLang}, function(json){
    //code here
}.'json');

File : json.php

<?php

   $cookieLang = $_GET['lang'];

   $widget = "../json/widget_";
   $ext = ".json";

   $json_url_default = $widget . 'en' . $ext;

   $json_url = $widget . $cookieLang . $ext;

   if(file_exists($json_url))
     echo file_get_contents($json_url);
   else
     echo file_get_contents($json_url_default);

   exit;
?>

answered Nov 14, 2016 at 8:48

Syam Mohan M P

1,0679 silver badges23 bronze badges

1 Comment

Elvis Over a year ago

Unfortunately my app uses only JS. :(

Collectives™ on Stack Overflow

jQuery - check if json file exists, if not use another file

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related