jQuery文件路径
我正在尝试使用jQuery将文件加载到我正在处理的项目的textarea表单中,但是,当单击按钮时,实际上没有加载任何内容jQuery文件路径,jquery,html,file,Jquery,Html,File,我正在尝试使用jQuery将文件加载到我正在处理的项目的textarea表单中,但是,当单击按钮时,实际上没有加载任何内容 <html> <head> <title>CodeEditor</title> <meta charset = "utf-8"> <script type = 'text/javascript' src = 'http://ajax.googleapis.com/ajax/libs/
<html>
<head>
<title>CodeEditor</title>
<meta charset = "utf-8">
<script type = 'text/javascript' src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#editor_area").load("test_file.txt", function(responseTxt, statusTxt, xhr) {
if (statusTxt == "success")
alert("Load was performed");
if (statusTxt == "error")
alert("Load encoutnered an error");
});
});
});
</script>
</head>
<body>
<button>Get Content</button>
<main>
<form>
<textarea rows = "50" cols = "135" id = "editor_area"></textarea>
</form>
</main>
</body>
代码编辑器
$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
$(“#编辑器_区域”).load(“test#file.txt”,函数(responseText、statusTxt、xhr){
如果(statusTxt==“成功”)
警报(“已执行加载”);
如果(statusTxt==“错误”)
警报(“加载时遇到错误”);
});
});
});
得到满足
这是相关代码。我认为这是文件路径的问题,因为我测试了jQuery,它工作得很好
编辑:我添加了statusTxt,它会用错误提示我。
编辑2:此代码有效。不过我是在本地机器上托管的。当我把网站放在web服务器上时,代码工作得非常好 使用ajax请求和val()而不是load
<script>
$(document).ready(function(){
$("button").click(function(){
$.ajax({
url : "test_file.txt",
dataType: "text",
success : function (data)
{$("#editor_area").val(data);}
});
});
});
</script>
$(文档).ready(函数(){
$(“按钮”)。单击(函数(){
$.ajax({
url:“test_file.txt”,
数据类型:“文本”,
成功:功能(数据)
{$(“#编辑区”).val(数据);}
});
});
});
控制台中是否存在任何错误?客户端(javascript)错误消息是什么?服务器访问和错误日志对请求有何说明?开发人员工具的Net选项卡显示了什么?有人提出要求吗?您得到了预期的响应吗?我无法重现问题(尽管如果我在文本区域中键入,它将停止使用innerHTML作为默认值,如果我再次单击按钮,内容将停止加载,但成功的警报仍会触发)读取xhr.status
和xhr.statusText
在这里会很有用。