нагрузки CSS файл в текстовое поле

Question

Я извлечение файла CSS с использованием $ .getscript, как показано ниже:

$.getScript(url, function (data, textStatus, jqxhr) { 
      alert(data); // Data returned 
      console.log(textStatus); // Success 
      console.log(jqxhr.status); // 200 
      console.log("Load was performed."); 
     }); 

Моего требования хранить данные в текстовом поле. Но я получаю ошибку как неожиданный токен. Как это достичь?

Answer 1

Изменение кода ..

$.getScript(url, function (data, textStatus, jqxhr) { 
    alert(data); // Data returned 
    console.log(textStatus); // Success 
    console.log(jqxhr.status); // 200 
    console.log("Load was performed."); 
    $('textarea').val(data) // <---------- ADD DATA TO TEXTAREA 
}); 

ПООЧЕРЕДНОГО,

Вы можете сделать это с помощью функции .load().

$("textarea").load("path/to/myCss.css", function() { 
    alert("Load was performed."); 
}); 

Вы не имеют использовать $.getScript().

Рабочий фрагмент кода:

$("textarea").load("http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/black-tie/jquery-ui.css", function() { 
 
    alert("Load was performed."); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<textarea></textarea>

Держите его просто. :)

Answer 2

вы должны включать в себя данные сценария

$.getScript(url, function (data, textStatus, jqxhr) { 
      alert(data); // Data returned 
      console.log(textStatus); // Success 
      console.log(jqxhr.status); // 200 
      console.log("Load was performed."); 
     }); 

Answer 3

Моя идея по этому вопросу будет следующее:

$.get("your css file to load.css", function(data) { 
    $("your textarea selector").val(data); 
}); 

Ваш код не работает, потому что getScript будет автоматически считать данные, чтобы быть script/javascript, и поэтому загрузит его как таковой. С другой стороны, использование get будет загружать данные по мере необходимости, и вы просто устанавливаете с ним значение textarea.

Кроме того, если вы хотите управлять случаями, в которых файл не загружается, вместо использования jqxhr.status вы также можете полагаться на встроенный обработчик jQuery AJAX, например: done (status 200), fail (ошибка 404, 500 и т. Д.), Всегда (любой статус, независимо от того, загружен ли файл успешно или нет). Кроме того, функция, определенная по умолчанию после того, как путь к файлу в «get» похож на обработчик «done».

Приветствия,

Answer 4

попробуйте использовать .load(), чтобы получить его done.Make уверены, что ваш путь к файлу является правильным.

$("textarea").load("http://cdn.rawgit.com/buberdds/angular-bootstrap-colorpicker/master/css/colorpicker.css", function() { 
 
\t \t alert("file loaded in textarea"); 
 
\t \t });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea id="myTable" border="1" cols="40" rows="50"></textarea>