javascript - 加载css文件到textarea

Question

我正在使用 $.getscript 获取一个 css 文件，如下所示:

$.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中。 但是我收到错误作为意外标记。 如何实现？

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>

保持简单。 :)