65.9K
CodeProject 正在变化。 阅读更多。
Home

通过 Javascript(HTML 和 Jquery 的魔法)在 Web 服务器上动态创建和删除文件

emptyStarIconemptyStarIconemptyStarIconemptyStarIconemptyStarIcon

0/5 (0投票)

2013 年 10 月 11 日

CPOL

2分钟阅读

viewsIcon

9085

通过 Javascript(HTML 和 Jquery 的魔法)在 Web 服务器上动态创建和删除文件我们通常知道 POST 和 GET 方法用于提交

通过 Javascript(HTML 和 Jquery 的魔法)在 Web 服务器上动态创建和删除文件

我们通常知道 POSTGET 方法用于从 Web 服务器发布和获取数据。

还有许多其他的 HTML 动词被使用。其中两个是 PUTDELETE

PUT - 用于通过 WEBDAV 在 Web 服务器上移动、更新和创建文件。

DELETE - 用于通过 WEBDAV 在 Web 服务器上删除文件

WEBDAV - Web 分布式版本控制和创作,最初由 IEE 开发,并被 HTML 社区作为各种 Web 服务器功能的标准所接受。

 

虽然创建 PUT 和 DELETE 请求并不容易,因为它包含原始 HTML 并且不使用表单。

但是通过 JQUERY,我们可以以更简单的方式实现这一点。

 

1) jquery 具有 ajax 函数,可以帮助异步创建 ajax 请求

2) 我们可以设置此调用 ajax 函数以在 Web 服务器上创建文件。

$.ajax( {data:'MyTestData', type:'PUT', url:'https:///TestWeb/TestFile.txt' } )

这里我们正在设置一个用于 PUT 动词的 ajax 请求,它将在 TestWeb 文件夹上创建一个文件 TestFile.txt,并写入数据

'MyTestData' 到其中。

如果我们要将一些大量数据插入到此文件中,我们也可以这样使用

$.get('https:///TestWeb/Default.aspx' , null, function(testdata) {

 $.ajax( {data:testdata, type:'PUT', url:'https:///TestWeb/TestFile.txt' } )

}, null);

 这里我们请求 Default.aspx 页面的数据,它将通过 ajax 返回页面的 HTML 代码。

function(testdata) 是当 ajax 请求成功完成时,将使用从响应中返回的 testdata 作为返回值时调用的函数

然后我们可以将此 testData 传递给我们之前的方法,该方法将在服务器上创建 testFile.txt 文件并将数据插入到此文件中。

 同样,我们也可以对 DELETE 执行相同的操作

 $.ajax( { type:'DELETE', url:'https:///TestWeb/TestFile.txt' } )

在这里,我们不使用 data 选项,因为我们只想从服务器删除文件。

 

因此,通过使用简单的 jquery 和 HTML 动词的知识,我们可以动态地创建和删除文件。

 

.

 

 

© . All rights reserved.