0

Сказали сделать ajax, который будет подгружать js скрипт в теге, не сам файл .js, а скрипт, вставленный в страницу, и чтобы ява скрипт потом работал. Как это можно сделать? Причем библиотеки использовать нельзя.

2 ответа 2

2

Вариант без eval, суть мы просто при загрузке создаем тег скрипт, который и выполнится

var scriptEl = document.createElement('script');
scriptEl.src = url // url = то ссылка на скрипт
document.body.appendChild(scriptEl);

Лучше поместить в начале body ( не в head, так как тогда еще body не будет ) Если помещаете в head, то вместо document.body, надо будет написать document.head

1
  • А ничего что вопросу 3 года, мистер археолог?
    – user31688
    18 апр 2015 в 7:40
1

Если я правильно понял, то необходимо исполнить чистый js код на клиенте. Тогда задача состоит из двух подзадача:

  1. Скачать скрипт с сервер
  2. Исполнить скрипт

Скачивание скрипта.

Используем xmlhttprequest

// Кросбраузерный вариант создания запроса
function getXmlHttp(){
  var xmlhttp;
  try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
      xmlhttp = false;
    }
  }
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
  }
  return xmlhttp;
}

// теперь сам запрос
var xmlhttp = getXmlHttp()
xmlhttp.open('GET', '/xhr/test.js', true); // где /xhr/test.js - адрес скрипта
xmlhttp.onreadystatechange = function() {
  if (xmlhttp.readyState == 4) {
     if(xmlhttp.status == 200) {
        eval( '(' + xmlhttp.responseText + ')');
     }
  }
};
xmlhttp.send(null);

Исполнение скрипта

Обратите внимание на строчку

eval( '(' + xmlhttp.responseText + ')');

eval - метод исполняющий скрипт, подробнее тут

2
  • 2
    eval - зло, лучше просто скрипт аппендить в боди и он выполнится
    – markuper
    11 авг 2012 в 10:44
  • Согласен. Но было лень писать её вставку без jquer 12 авг 2012 в 17:13

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.