ajax 异步提交数据、文件和跨域提交的实现

在网站中经常需要无刷新提交数据，或者上传图片的情况，还有就是跨域提交的情况，现记录下自己的总结，以待后续。

首先是需要引用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']);
},
});

}

记录开发过程中的点滴！