10.3 发送GET获取数据

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);
});
10.3 发送GET获取数据

猜你喜欢
