分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

Ajax

发布时间:2023-09-06 02:29责任编辑:顾先生关键词:Ajax

Ajax

key:

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

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

  1.异步交互

  2.局部刷新

  AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”。即使用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

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved