如何将JQuery的FormData异步上传文件改写为长尾？
- 内容介绍
- 文章标签
- 相关推荐
本文共计883个文字，预计阅读时间需要4分钟。
在Web中，数据提交事件是常见的，但多数情况下我们不希望使用HTML表单提交。这是因为表单提交会中断当前浏览器的操作并跳转到另一个页面（即当前页面）。
web中数据提交事件是常常发生的，但是大多数情况下我们不希望使用html中的form表单提交，因为form表单提交会中断当前浏览器的操作并且会调到另一个地址（即使这个地址是当前页面），并且会重复加载一些html浪费带宽，我们希望达到一个无刷新的、异步的提交效果来给用户更好的体验，这时候就要使用ajax，ajax可以不依赖表单自行发起一次http请求并且取回服务器响应的数据，这就是ajax的简便之处。我们这里使用JQuery中封装好的ajax函数，更加简便。下面列举几个使用ajax异步提交数据的方法。
一：jquery.js中的$.ajax方法
此方法依赖jquery.js插件，有很多版本，可以自己下载。
我们需要在此$.ajax方法中指定一些参数，比如请求地址、请求类型、所需要传输的数据、请求成功后需要执行的操作，这里简略说一下。
$.ajax({ url:"你的url地址", type:'post', data:{key:'value'}, success:function(){ alert('成功')； } })
这是$.ajax方法的简单用法。其中参数data是你要传输的数据，这里的data支持Json对象和字符串。data数据如果是一个form表单里面的，自己写一个json很慢，可以使用jquery里面的serizlize()方法。这个方法返回一个字符串（每个form表单提交的时候也是转化为相同格式的字符串）。
本文共计883个文字，预计阅读时间需要4分钟。
在Web中，数据提交事件是常见的，但多数情况下我们不希望使用HTML表单提交。这是因为表单提交会中断当前浏览器的操作并跳转到另一个页面（即当前页面）。
web中数据提交事件是常常发生的，但是大多数情况下我们不希望使用html中的form表单提交，因为form表单提交会中断当前浏览器的操作并且会调到另一个地址（即使这个地址是当前页面），并且会重复加载一些html浪费带宽，我们希望达到一个无刷新的、异步的提交效果来给用户更好的体验，这时候就要使用ajax，ajax可以不依赖表单自行发起一次http请求并且取回服务器响应的数据，这就是ajax的简便之处。我们这里使用JQuery中封装好的ajax函数，更加简便。下面列举几个使用ajax异步提交数据的方法。
一：jquery.js中的$.ajax方法
此方法依赖jquery.js插件，有很多版本，可以自己下载。
我们需要在此$.ajax方法中指定一些参数，比如请求地址、请求类型、所需要传输的数据、请求成功后需要执行的操作，这里简略说一下。
$.ajax({ url:"你的url地址", type:'post', data:{key:'value'}, success:function(){ alert('成功')； } })
这是$.ajax方法的简单用法。其中参数data是你要传输的数据，这里的data支持Json对象和字符串。data数据如果是一个form表单里面的，自己写一个json很慢，可以使用jquery里面的serizlize()方法。这个方法返回一个字符串（每个form表单提交的时候也是转化为相同格式的字符串）。