宝哥软件园

Django Ajax的使用教程

编辑:宝哥软件园 来源:互联网 时间:2021-09-04

简介:

AJAX=异步Java Script语言和XML(异步的Java脚本语言和XML)。

创建交互式、快速动态网页应用的网页开发技术不是新的编程语言,而是一种使用现有标准的新方法。

创建交互式、快速动态网页应用的网页开发技术是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

埃阿斯

很多时候,我们在网页上请求操作时,不需要刷新页面。实现这种功能的技术就要Ajax!

jQuery中的创建交互式、快速动态网页应用的网页开发技术就可以实现不刷新页面就能向后台请求或提交数据的功能,现用它来做django中的ajax,所以先把jquey下载下来,版本越高越好。

一、ajax发送简单数据类型:

超文本标记语言代码:在这里我们仅发送一个简单的字符串

views.py

#coding:utf8来自姜戈。快捷键导入render,HttpResponse,render _ to _ response def Ajax(请求):如果请求。方法==' POST ' :打印请求.邮政返回HttpResponse(')执行成功)else:返回render _ to _ response(' app03/Ajax。html ')Ajax。超文本标记语言

!DOCTYPE html html头元字符集=' UTF-8 '标题AJax/标题/头体输入id='name' type='text' /输入类型='按钮'值='点击执行埃阿斯请求onclick=' DoAjax()'/script src='/static/jquery/jquery-3。2 .1 .js '/script脚本类型=' text/JavaScript '函数DoAjax(){ var temp=$(' # name ').val();$.ajax({ url:'app03/ajax/',type:'POST ',data:{data:temp},success : function(arg){ console。日志(arg);},错误:函数(){ console。日志('失败')});}/脚本/html运行,结果:

二、ajax发送复杂的数据类型:

超文本标记语言代码:在这里仅发送一个列表中包含字典数据类型

由于发送的数据类型为列表字典的格式,我们提前要把它们转换成字符串形式,否则后台程序接收到的数据格式不是我们想要的类型,所以在创建交互式、快速动态网页应用的网页开发技术传输数据时需要JSON

!DOCTYPE html html head meta charset=' UTF '-title AJax/title/head body输入id='name' type='text' /输入类型='按钮'值='点击执行埃阿斯请求onclick=' DoAjax()'/script src='/static/jquery/jquery-3。2 .1 .js '/script脚本类型=' text/JavaScript '函数DoAjax(){ var temp=$(' # name ').val();$.ajax({ url:'app03/ajax/',type:'POST ',data:{data:temp},success : function(arg){ var obj=jquery。parsejson(arg);控制台。日志。地位);控制台。日志。味精);控制台。日志。数据);$(“# name”).瓦尔。味精);},错误:函数(){ console。日志('失败')});} /script /htmlviews.py

#来自django的coding:utf。快捷键导入render,HttpResponse,render_to_response导入json #在此创建您的视图def Ajax(请求):如果请求。方法==' POST ' :打印请求。开机自检数据={ '状态' :'消息' : '请求成功,' data':['',' ',' ']}返回Httpresponse(JSON。dumps(data))else :返回render _ to _ response(' app/Ajax。html’)打印数据样式:

以上所述是小编给大家介绍的Django Ajax的使用教程,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

更多资讯
游戏推荐
更多+