码迷,mamicode.com
首页 > Web开发 > 详细

Ajax

时间:2019-01-09 00:33:08      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:中文   bsp   end   key   text   ajax   通过   使用   ext   

Ajax

key:

1 .客户端浏览器通过执行一段JS代码向服务器发送请求,服务器路由对应的视图函数返回一个json字符串作为响应,
     浏览器接受响应后会触发该ajax请求的回调函数success,参数为响应字符串,success内通过DOM操作讲结果反映到页面上,
     实现局部刷新,不再向之前的请求会将响应覆盖整个页面上。
2 .ajax请求不要返回render,redirect这些响应,就返回json字符串的HttpResponse!

1.AJAX 发送请求的两大特点:

  1.异步交互

  2.局部刷新

 

  AJAXAsynchronous Javascript And XML)翻译成中文就是异步JavascriptXML”。即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML,现在更多使用json数据)。

  • 同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求;
  • 异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求。

2. ajax 提交请求的两种方式

  1.get

  2.post

3.在前后端数据处理函数

python:
  json.dumps()
  json.loads()
JS:
  JSON.stringfy([]) -------- json字符串
  JSON.stringfy({}) -------- json字符串
  JSON.stringfy(‘‘) -------- json字符串

  JSON.parse(json字符串) ----> JS数据类型(数组,对象)

 

4.客户端浏览器给服务端发请求的形式:

 1 地址栏输入url 回车 默认是get请求方式   

 2 form表单,用户点击submit按钮     

    --- get
    --- post
 3 超链接标签(a标签) 默认是get请求方式

 4 Ajax请求
    ---get
    ---post

    (1) 异步
    (2) 局部刷新

 

Ajax

标签:中文   bsp   end   key   text   ajax   通过   使用   ext   

原文地址:https://www.cnblogs.com/knighterrant/p/10238463.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!