jquery AJAX 完整写法

多个ajax请求的公共方法：https://blog.csdn.net/qq_16494241/article/details/81947977

$.ajax完整写法
操作按钮：<span id="btn" has-click="0">操作按钮</span>
JS部分：

$(function(){
	$('#btn').click(function(){
		var obj = $(this);
		//has_click  防止重复多次点击
		var has_click = obj.attr('has-click');
		if(has_click == '1'){
			return;
		}
		obj.attr('has-click','1');
		var url = '';
		var content = '';
		$.ajax({
				type:'post',
				url:url,
				dataType:'json',
				data:{content:content},
				beforeSend:function(){
					obj.html('正在处理...');
				},success:function(json){
					if(json.code == '1'){
						//成功
					}else{
						//出错
						obj.html('操作按钮').attr('has-click','0');
					}
				}
		});
	});
});

jsonp的写法

function jsonpCallbackFun(data){
	console.log(data);
}



$.ajax({
	url:'http://xxx',
	dataType:'jsonp',
	jsonpCallback:'jsonpCallbackFun',
	data: {
		dta1: 'value1',
	},
	success: (data) => {
		console.log('ok',data);
	},
	error: (data) => {
		console.log('err',data);
	}
});

//或：

$.ajax({
	url:'http://xxx',
	dataType:'jsonp',
	jsonpCallback:'jsonpCallbackFun',
	data: {
		dta1: 'value1',
	}
})
.done((data)=>{
	console.log('ok',data);
})
.fail((data)=>{
	console.log('err',data);
});