ajax是如何实现的,ajax用法示例
ajax简介：
Ajax(异步JavaScript和XML)翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据是XML(当然传输的数据不仅仅是XML)。
AJAX不是一种新的编程语言，而是一种使用现有标准的新方法。
AJAX的优点是可以和服务器交换数据，更新部分网页，而不需要重新加载整个页面。(这个特性给用户的感觉是在不知不觉中完成了请求和响应的过程)
AJAX不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。
同步：客户端发送请求后，需要等待服务器响应后再发送第二个请求；
异步交互：客户端发送请求后，可以不等待服务器响应就发送第二个请求。
ajax的基本使用方法：
#前端到后端请求模式：1。浏览器手动输入URL (get请求)，2。A标签的href属性(get request)和form form (get/post request，缺省为get)
# ajax特性：异步提交和部分刷新
#基本用法语法：
提交URL (URL:“.”)
提交方法(类型：“post”)
提交数据(data: {})
提交后回调函数得到的返回结果(success : function(data){.})
#基本用法示例：(ajax数据传输的默认格式是urlencoded)
相关：《Python视频教程》
！DOCTYPEhtml
超文本标记语言
头
元字符集=UTF八国集团
标题图书管理系统/标题
scriptsrc= https://cdn . bootcss.com/jquery/3 . 4 . 1/jquery . min . js /script
linkrel= style sheet href=/static/bootstrap-3 . 3 . 7-dist/CSS/bootstrap . min . CSS
scriptsrc=/static/bootstrap-3 . 3 . 7-dist/js/bootstrap . min . js /script
linkrel= style sheet href=/static/layui/CSS/layui . CSS
scriptsrc=/static/layui/layui . js /script
script src= https://cdn . bootcss.com/sweet alert/2 . 1 . 2/sweet alert . min . js /script
/头
身体
button class= btnbtn-success id= B1 Ajax测试/button
脚本
{#单击绑定按钮触发ajax提交数据#}
$(#b1 )。on(click ，function(){
$.ajax({{#固定语法格式#}
Url: ，{#如果不写，默认情况下向当前页面发送请求#}
Type:post ，{# request method #}
数据： { 姓名 3360 SGT ， PWD 3360 123}，{#已发送请求数据#}
{#这里的数据是回调函数成功获取的后端响应返回的数据#}
成功：函数(数据){
swal({
title:AJAX ，
Text: 模拟在此显示返回的数据，
icon: 成功，
按钮： 好，
})
}
})
})
/脚本
/body
/html我们知道ajax传输的默认数据格式是urlencoded。如前所述，ajax可以使用json作为数据格式进行传输。
现在强调一下：数据传输的前后端一定要求数据是什么格式的，所以要用相应的传输格式一一传输。否则Django解析数据会有问题，这样我们在前端和后端都得不到想要的数据。
所以：
首先，我们需要在ajax发送请求代码中指定发送数据格式：
contentType: 应用程序/json ，
第二：后端不再通过请求获取json格式数据。POST，但是通过request.body(它获取一个bytes类型的json格式数据)，所以再次处理它：
RES=json . loads(request . body . decode( UTF-8 ))，获取前端ajax发送的JSON格式数据。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。