Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery文件路径_Jquery_Html_File - Fatal编程技术网

jQuery文件路径

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/

我正在尝试使用jQuery将文件加载到我正在处理的项目的textarea表单中,但是,当单击按钮时,实际上没有加载任何内容

<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
在这里会很有用。