10.3 发送GET获取数据
jQuery提供了几种发送GET请求的方式,不像load(),
这些工具不是作为jQuery方法而是作为函数封装。这就是第9章提到但是还没有讲解的函数
当想从服务端获取数据,且决定如何处理这些数据(而不是让load()方法将其设置为一个
或多个内容元素)时,可以使用$.get()工具函数,其语法如下:
$.get()函数用法
$.get(url[,data][,callback][,dataType])
使用指定的URL和查询字符串参数向服务器发送GET请求获取数据
参数
url(String) 使用GET方法访问的服务器URL地址。如果为空字符串,则请求会在调用的时候发送当前地址
data(String|Object) 查询字符串中传递的参数数据,参数是可选的,可以是字符串,也可以是对象
callback(Function) 当请求成功完成时调用的函数。应答消息体作为回调函数的参数,
根据dataType进行解析,状态字段作为第二个参数。 第三个参数包含对于jqXHR实例的引用
node2:/django/mysite/news/templates#cat displaytestxhr.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Listing 10.3</title>
<link rel="stylesheet" href="../css/main.css"/>
</head>
<body>
<body>
<div id="aa">aaaaa</div>
<div id="elem"></div>
<div id="bb">bbbb</div>
<script type="text/javascript" src="/static/Js/jquery-2.2.2.min.js"></script>
<script type="text/javascript" src="/static/Js/Public/displaytestxhr.js"></script>
</body>
</html>
def test_xhr(req):
print req.get_full_path()
print req.GET['a'];
print '1111111111111';
aa= int(req.GET['a']) + 9;
print req.GET['b'];
bb= int(req.GET['b']) + 8;
print req.GET['c'];
cc= int(req.GET['c']) + 7;
arr=[];
arr=[aa,bb,cc];
return HttpResponse(json.dumps(arr), content_type="application/json")
node2:/django/mysite/static/Js/Public#cat /django/mysite/static/Js/Public/displaytestxhr.js
$.get("/testxhr1/",{'a':'3','b':'4','c':'6'}, function(data,status,jq){
console.log(data);
console.log(status);
console.log(jq);
alert("Data Loaded: " + data);
});
