Javascript 将css文件加载到文本区域

Javascript 将css文件加载到文本区域,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用$.getscript获取css文件,如下所示: $.getScript(url, function (data, textStatus, jqxhr) { alert(data); // Data returned console.log(textStatus); // Success console.log(jqxhr.status); // 200 console.log("Load

我正在使用$.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中。 但我得到了意外的错误标记。 如何实现这一点?

修改代码

$.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
});
您不必使用
$.getScript()

工作代码片段:

$(“textarea”).load(“http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/black-tie/jquery-ui.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.");
        });

我对这个问题的看法如下:

$.get("your css file to load.css", function(data) {
    $("your textarea selector").val(data);
});
<>您的代码不起作用,因为GETScript会自动将数据视为脚本/JavaScript数据,因此将加载它。另一方面,使用get将根据需要加载数据,您只需使用它设置textarea值

此外,如果您想管理文件无法加载的情况,而不是使用jqxhr.status,您还可以依赖内置的AJAX jQuery处理程序,例如:done(状态200)、fail(错误404、500等)、everys(任何状态,无论文件加载成功与否)。此外,默认情况下在“get”中的文件路径之后定义的函数类似于“done”处理程序

干杯,

尝试使用
.load()
来完成。确保文件路径正确

$(“textarea”).load(“http://cdn.rawgit.com/buberdds/angular-bootstrap-colorpicker/master/css/colorpicker.css“,函数(){
警报(“文件加载到textarea”);
});


你能发布回溯吗?简单:CSS!==JavaScript;所以getScript是useless@epascarello那么我如何将css加载到textarea?它会抛出一个错误,请求的resourceWell上不存在“Access Control Allow Origin”头,这意味着它是一个不同的域,JavaScript无法访问不同的域。我也尝试了你的备选答案。返回的数据未定义,但响应为success。getScript用于加载javascript文件并将其添加到文档中,因此必须避免使用所有getScript。@manu请检查CSS的路径。如果你能把它放到你的本地机器上,我想你就不会得到
访问控制允许源代码
错误。另外,请使用工作代码段检查我更新的备选答案。很抱歉,我没有这样做understand@cram2208现在检查一下。这是一个示例,我没有给出文件的确切路径。似乎工作得很好,从来都不知道这会起作用,我会记住这一点^^
$.get("your css file to load.css", function(data) {
    $("your textarea selector").val(data);
});