静态网页如果内容过多,一直重复返回会造成体验感不好,速度慢。
ajax:异步的javascript
在不重新加载页面的情况下,对页面进行局部的刷新。
ajax的基本格式
$(function () {
// 绑定btnAjax的click事件
$('#btnAjax').click(function () {
$.ajax({
'url': '/ajax_handle',//向本地的json文件发送请求
'dataType': 'json',
success:function (data) {
// 进行处理
}
}
})
})
})
ajax实现的整个过程:
前四步进入ajax页面:
1.test/urls.py
2.booktest/urls.py
3.views. py
4.test_ajax.html
后四步进入回调函数:
1.test/urls.py
2.booktest/urls.py
3.views. py
效果
1.test/urls.py
如图:
2.booktest/urls.py
如图:
3.views. py
如图:
4.test_ajax.html
如图:
1.test/urls.py
如图:
2.booktest/urls.py
如图:
3.views. py
如图:
效果
如图: