ajax 异步提交数据、文件和跨域提交的实现
来源:互联网 发布:java 高并发http接口 编辑:程序博客网 时间:2024/06/03 16:01
在网站中经常需要无刷新提交数据,或者上传图片的情况,还有就是跨域提交的情况,现记录下自己的总结,以待后续。
首先是需要引用jquery.js 建议使用较高的版本,不然会不支持上传图片。http://code.jquery.com/jquery-1.9.0.js
1.异步提交数据:
function getAjax(){
$.ajax({
type : "get",
dataType : "json",
url : "/news/detail.html",
data : {
id : 1
},
complete : function() {
},
success : function(result) {
var data = result['success'];
alert(result['msg']);
},
});
}
2,异步上传图片:
function uploadImg() {
var data = new FormData();
data.append('upfile', $('#uploadfile')[0].files[0]);
$.ajax({
url : '/upload/img',
type : 'POST',
dataType : "JSON",
data : data,
processData : false, // 告诉jQuery不要去处理发送的数据
contentType : false // 告诉jQuery不要去设置Content-Type请求头
}).done(function(data) {
var ret = data['state'];
});
}
3,跨域提交或查询
function getAjax(){
$.ajax({
type : "get",
dataType : "jsonp",
url : "/news/detail.html",
data : {
id : 1
},
complete : function() {
},
success : function(result) {
var data = result['success'];
alert(result['msg']);
},
});
}
记录开发过程中的点滴!- ajax 异步提交数据、文件和跨域提交的实现
- ajax文件异步提交的实现
- ajax文件异步提交的实现
- AJAX实现异步提交
- AJAX的异步提交
- ajax异步提交含有文件的表单
- ajax实现表单的异步提交
- JQuery中的异步提交数据和提交文件
- AJAX同步提交和异步提交方法
- AJAX同步提交和异步提交方法
- Ajax利用FormData提交文件和数据
- iframe实现文件的异步提交
- Spring MVC + Ajax异步提交文件(多个)和数据
- java和ajax实现带文件的form提交
- ajax异步表单提交,并实现文件上传
- PHP和Ajax异步批量处理数据提交问题
- Jquery 实现数据异步提交
- Jquery 实现数据异步提交
- delphi 10 seattle "Automatic Reference Counting"问题
- VS2013上编译并使用Tesseract3.0.3.中文识别技术
- 建造者模式
- is 与 as
- BLE 速率
- ajax 异步提交数据、文件和跨域提交的实现
- 单例模式
- SpringMVC之controller篇
- 适配器模式
- Java 解析 XML
- 支付宝的支付保卫战
- linux dd 命令 硬盘拷贝 系统快速安装 硬盘系统复制
- 通过ftp采集文件的性能总结
- UICollectionView如果在数据不够一屏时上下滚动