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>

保持简单。：）

Answer 2

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

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

<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>

Answer 3

您必须包含脚本数据

$.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 4

我对这个问题的想法如下：

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

您的代码无法正常工作，因为getScript会自动将数据视为脚本/ javascript数据，因此会将其加载。另一方面，使用get将根据需要加载数据，您只需使用它设置textarea值。

此外，如果您想管理文件无法加载的情况，而不是使用jqxhr.status，您还可以依赖内置的AJAX jQuery处理程序，例如：done（status 200），fail（错误404,500等），总是（任何状态，表明文件是否成功加载）。另外，在＆＃34; get＆＃34;中的文件路径之后默认定义的函数。就像一个＆＃34;完成＆＃34;处理程序。

干杯，

将css文件加载到textarea中

4 个答案: