bootstrap-ajax使用说明
boostrap-ajax是一款依赖于jquery并使用data属性API封装的ajax插件。使用时可以不适用bootstrap。
Link
使用前
<a href="/test">hello</a>
<div
id="result"></div>
<script type="text/javascript">
$.ajax({
type:
"get"
,
url:
"/test"
,
beforeSend:
function
(XMLHttpRequest){
//ShowLoading();
},
success:
function
(data, textStatus){
$("#result").html(data)
},
complete:
function
(XMLHttpRequest, textStatus){
//HideLoading();
},
error:
function
(){
//请求出错处理
}
});
</script>
使用后
<a href="/test" class="ajax" data-replace="#result">hello</a>
<div
id="result"></div>
Data属性API
属性
说明
data-replace
ajax调用成功后,后台返回的数据将会替换指定的区域。值填写jquery选择器表达式
data-append
ajax调用成功后,后台返回的数据将会追加到指定的区域。值填写jquery选择器表达式
data-data-type
指定后台返回数据的格式,目前只支持json,若返回数据不是json则不能使用该属性
data-before-callback
ajax调用前执行的方法,值只能填写function名
data-success-callback
ajax调用成功后执行的回调函数,值只能填写function名
data-complete-callback
ajax无论调用成功与否都会执行的回调函数
data-confirm
确认是否调用ajax,用于确认是否提交数据导后台
data-refresh
ajax调用成功后
data-method
ajax提交数据的方式,“get”、
“post”等