JQuery -- $.ajax()方法 实现ajax请求

常用参数对象中的属性

1. url : 字符串，绑定异步请求的后端地址
2. type : 字符串，请求方式，get 或 post
3. data : 传递到服务器端的参数
   1. 可以是字符串 ：“name=sf.zh&age=18”
   2. 也可以是js对象:{name:“sf.zh”,age:18}
4. dataType : 字符串，响应回来的数据的格式
   1. ‘html’
   2. ‘xml’
   3. ‘text’
   4. ‘script’
   5. ‘json’
   6. ‘jsonp’ : 有关跨域的响应格式
5. async: 是否用异步 ，默认为True
6. success:回调函数，请求和响应成功时回来执行的操作7
   . error : 回调函数，请求或响应失败时回来执行的操作
7. beforeSend : 回调函数，发送ajax请求之前执行的操作，如果return false，则终止请求(比如注册时手机号位数不对，用户名格式不对等场景)

代码示例

views层

#演示向前端返回:hahaha
def test_ajax_server(request):
	return JsonResponse({'msg':'hahaha'})

templates层

<script>
	$(function)(){		//文档加载完毕函数
		//点摁扭触发ajax请求
		$('#btn').on('click',function(){
			//使用 $.ajax(),以js对象传输数据
			$.ajax({
				url:'/ajax/test_ajax_server',	//请求的后端url地址
				type:'get',			//请求方法，get | post
				dataType:'json'			//向服务端传输数据的格式
				async:true,			//是否用异步
				success:function(data){		//回调函数，请求和响应成功时(200)回来执行的操作，参数data是响应回来的数据
						$('#loading').hide(3000)
						console.log(data.msg)
						},
				//回调函数，请求或响应失败执行的操作
				error:function(){
					$('#loading').hide(3000)
					alert('server is busy!!!')
					}
				//发送请求前执行的操作，若执行失败，则终止ajax请求
				boforeSend: function(){
					$('#loading').show();
					},
				});
			});
		})
</script>