如何使用 <form> 标签从服务器请求文件

Question

我需要能够使用 SVN 服务器上托管的标签抓取特定文件（仅限文本文件）。用户将输入他们的用户名和密码以及文件名，如下所示：

Username: John 
Password: ***** 
Filename: mySite.html

这是我的表格部分：

<form id="loginForm" action="requestFile()" method="post">
        <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>

一旦用户点击'OK'，网站将从服务器请求文件并将文件的文本内容复制到同一页面的文本区域中。然后用户可以处理他们的文件，然后单击 'Save' 按钮将内容复制回服务器（可能通过替换原始文件）。 'Save' 功能是我稍后会想到的，但我需要与服务器建立连接并请求和接收正确的文件。

可以通过一个网站访问服务器，该网站将弹出一个身份验证窗口，要求输入用户名和密码，之后它将显示该位置的内容列表。因此，例如 wwww.myWebServerLocation.com:8080/svn/Folder/file.html 将请求用户名和密码，然后在浏览器中显示文件的内容。我只需要使用 .

将这些内容放入我的文本区域

编辑：我还没有实现 'requestFile()' 功能。这就是我在实施过程中需要的一点指导。

Answer 1

您需要通过适当的身份验证从您的服务器发出 cURL 请求 headers 以提供用户名和密码。

我假设您在 server-side 上使用 PHP：这应该可以帮助您实施解决方案：How do I make a request using HTTP basic authentication with PHP curl?

如果您只是尝试在浏览器中使用 JavaScript 来执行此操作，您将无法完成此操作，因为 cross-domain policy 阻止您从 Javascript 到外部域。

如何使用 <form> 标签从服务器请求文件

How to request file from server using <form> tag

html

javascript

svn

jquery