2015-12-04 3 views
0

Я хочу добавить функцию ajax на свой сайт, который покажет моим посетителям изображение. Как я могу убедиться, что мои посетители сайта всегда будут видеть изображение, даже если скрипт не прошел? Как и в случае, когда у них есть неподдерживаемый браузер jQuery, javascript off и т. Д.Сценарий, который будет проверять, будет ли выполняться функция ajax

+1

hardcode placeplace image в html, а затем использовать jquery для замены этого изображения – spaniol6

+0

Как это сделать? –

+0

abluejelly в основном имеет решение. Просто не javascript, я отредактирую их ответ. – spaniol6

ответ

1

Честно говоря, не зная случай использования я не могу понять, почему ты нужен АЯКС вызов, чтобы сделать это:

< IMG ID = «imgID» SRC = «The-изображения guaranteed.png» альт = "этот img не нуждается в lib"/>

И затем, чтобы ваш вызов библиотеки настраивал, что такое src, если это неверный src.

Как выбрать его:
Поместите этот Javascript в обработчике успеха AJAX обновить шаблон изображения, что вы хотите в зависимости от страны

document.getElementById("imgID").src = newimagesource; 

Edit было предложено использовать JQ. Прекратите использовать jQ, если вы можете сделать это с помощью js. Вам не нужны накладные расходы.

+0

Я показываю посетителю другое изображение, основанное на его стране –

+1

А хорошо. Я лично предлагаю сделать это на стороне сервера, а не на динамическом контенте, если кто-то не хочет запускать js. Большинство людей, которые отключили js, понимают, что они отключили. Независимо от того, что убивает мою способность действительно помочь здесь. Возможно, вы сможете использовать что-то с действительно причудливым CSS, когда мы получим этот родительский селектор, над которым они работают, но до тех пор я должен поклониться, поскольку я не слишком разбираюсь в AJAX. – abluejelly

0

Вы можете использовать HTML-тег <noscript>, чтобы поместить изображение по умолчанию для пользователя в случаях использования JavaScript не включен.

Затем вам нужно будет тестовую функцию, чтобы увидеть, если библиотеки JQuery доступны:

if(jQuery().libraryName) { 
    //run library based code 
} 

Затем обновить изображение, как вам нравится (на основе требований функции Ajax) в секции кода библиотеки Jquery на основе :

$.ajax({ 
    method: "GET", 
    url: "pictureupdate.js", 
    dataType: "script" 
}); 

Надеюсь, это поможет!

Смежные вопросы