1. 程式人生 > >jquery AJAX 完整寫法

jquery AJAX 完整寫法

$.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');
					}
				}
		});
	});
});