Question

我正在使用表单供用户填写用户名和密码以及文件名，以便访问位于服务器上的特定文件。可以使用以下网址访问这些文件：

http://username:password@webserver.org:8080/folder1/folder2/filename.txt

这将在浏览器中显示文本文件的内容。我需要做的是将文本内容复制到我网站上的textarea中，以便用户可以使用该文本。我希望用户能够将内容保存回文件，但这可以在以后发生。有什么办法可以用Javascript或jQuery做到这一点吗？此外，如果文件是.html文件，我需要将代码插入textarea。

这是我的形式：

<form id="loginForm" action="" method="get">
        <div id="loginWindow">
            <p class="signInText">Username</p>
            <input type="text" name="username" id="username" required="required" />
            <p class="signInText">Password</p>
            <input type="password" name="password" id="password" required="required" />
            <p class="signInText">File Name</p>
            <input type="text" name="filename" id="filename" required="required" />
            <input type="submit" value="Ok" id="submit" />
        </div>
    </form>

如果在Javascript或jQuery中无法做到这一点，请告诉我是否有其他工具或库可用于实现此目的。

Answer 1

您可以使用jQuery.ajax()。

使用ajax检索内容并为文本区域指定值。

$.ajax({
  url: "http://username:password@webserver.org:8080/folder1/folder2/filename.txt",
}).done(function() {
  // Append content to text area here
});

Answer 2

使用带有ajax GET调用的表单提交方法，并在Response中返回内容 event.preventDefault（）将阻止默认表单提交，以便您可以配置URL

    $("#loginForm").submit( function (event)
    {
        event.preventDefault();
        // make your url here 
        $.ajax({
            type: "GET",
            url: "url",
            success: function(response)
            {                       
                alert(JSON.stringify(response)); // see your response structure if its JSON format 
                alert(response.responseText;); // else you can get data from here 
            },
            error: function (error)
            {

            } 
        });
    });

如何使用cUrl获取文件的内容并插入textarea

2 个答案: