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”等