Django Ajax如何使用

这次给大家带来Django Ajax如何使用,使用Django Ajax的注意事项有哪些,下面就是实战案例,一起来看一下。

简介:

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

Ajax

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

jQuery中的ajax就可以实现不刷新页面就能向后台请求或提交数据的功能,现用它来做django中的ajax,所以先把jquey下载下来,版本越高越好。

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

html代码:在这里我们仅发送一个简单的字符串

views.py

 #coding:utf8 from django.shortcuts import render,HttpResponse,render_to_response def Ajax(request):   if request.method=='POST':     print request.POST     return HttpResponse('执行成功')   else:     return render_to_response('app03/ajax.html')

登录后复制

ajax.html

    Ajax                 function DoAjax(){     var temp = $('#name').val();     $.ajax({       url:'app03/ajax/',       type:'POST',       data:{data:temp},       success:function(arg){         console.log(arg);       },       error:function(){         console.log('failed')       }     });   }    

登录后复制

运行,结果:

Django Ajax如何使用

Django Ajax如何使用

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

html代码:在这里仅发送一个列表中包含字典数据类型

由于发送的数据类型为列表 字典的格式,我们提前要把它们转换成字符串形式,否则后台程序接收到的数据格式不是我们想要的类型,所以在ajax传输数据时需要JSON

    Ajax                 function DoAjax(){     var temp = $('#name').val();     $.ajax({       url:'app03/ajax/',       type:'POST',       data:{data:temp},       success:function(arg){         var obj=jQuery.parseJSON(arg);         console.log(obj.status);         console.log(obj.msg);         console.log(obj.data);         $('#name').val(obj.msg);       },       error:function(){         console.log('failed')       }     });   }    

登录后复制

views.py

 #coding:utf from django.shortcuts import render,HttpResponse,render_to_response import json # Create your views here. def Ajax(request):   if request.method=='POST':     print request.POST     data = {'status':,'msg':'请求成功','data':['','','']}     return HttpResponse(json.dumps(data))   else:     return render_to_response('app/ajax.html')

登录后复制

打印数据样式:

Django Ajax如何使用

Django Ajax如何使用

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

在Ajax里怎么传递特殊字符数据

ajax跨域问题的图文详解(附代码)

以上就是Django Ajax如何使用的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2776893.html

(0)
上一篇 2025年3月8日 14:57:55
下一篇 2025年3月8日 12:19:40

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • js请求servlet实现ajax请求的步骤详解

    这次给大家带来js请求servlet实现ajax请求的步骤详解,js请求servlet实现ajax请求的注意事项有哪些,下面就是实战案例,一起来看一下。 ajax请求是一种无刷新式的用户体验,可以发送GET和POST两种异步请求,现记录如下…

    2025年3月8日
    200
  • ajax提交到java后怎么处理数据

    这次给大家带来ajax提交到java后怎么处理数据,ajax提交到java后处理数据的注意事项有哪些,下面就是实战案例,一起来看一下。 环境:eclipse+struts 要实现的效果:点击按钮提交数据到后台之后回到前台显示出来数据 ind…

    编程技术 2025年3月8日
    200
  • ajax数据处理步骤详解(附代码)

    这次给大家带来ajax数据处理步骤详解(附代码),ajax数据处理的注意事项有哪些,下面就是实战案例,一起来看一下。 需要注意的是,调用的封装的数据库,和jQuery的保存地址 一、注册 (1)写文本框来进行用户名的验证 //这个使用来显示…

    2025年3月8日 编程技术
    200
  • Vue数据监听方法watch的使用

    这篇文章主要介绍了vue数据监听方法watch的使用,挺不错的,现在分享给大家,也给大家做个参考。一起过来看看吧 watch本身很容易理解, watch负责将视图中的数据与某个函数关联起来 当Vue视图中的数据变化时, 关联的函数会被执行 …

    2025年3月8日
    200
  • ajax实现分页查询功能

    这次给大家带来ajax实现分页查询功能,ajax实现分页查询功能的注意事项有哪些,下面就是实战案例,一起来看一下。 ajax分页查询功能的具体代码,供大家参考,具体内容如下 显示的效果如下: 实现效果的代码如下: 1.fenye.php 无…

    2025年3月8日
    200
  • ajax实现加载数据的步骤详解

    这次给大家带来ajax实现加载数据的步骤详解,ajax实现加载数据的注意事项有哪些,下面就是实战案例,一起来看一下。 加载数据的具体代码,供大家参考,具体内容如下 1.xssj.php 无标题文档显示数据$(document).ready(…

    2025年3月8日
    200
  • ajax的三级联动菜单栏如何实现

    这次给大家带来ajax的三级联动菜单栏如何实现,ajax三级联动菜单栏实现的注意事项有哪些,下面就是实战案例,一起来看一下。 本文实例为大家分享了ajax三级联动展示的具体代码,供大家参考,具体内容如下 1. test.php 无标题文档三…

    2025年3月8日
    200
  • js结合json实现ajax的实战案例

    这次给大家带来js结合json实现ajax的实战案例,js结合json实现ajax的注意事项有哪些,下面就是实战案例,一起来看一下。 前期准备 1、安装wampserver或者其他相似软件来搭建本地集成安装环境,我安装的是phpstudy …

    2025年3月8日
    200
  • H5开发时使用Ajax上传Base64格式图片

    这次给大家带来H5开发时使用Ajax上传Base64格式图片,H5开发时使用Ajax上传Base64格式图片的注意事项有哪些,下面就是实战案例,一起来看一下。 废话不多说,直接看代码吧 1、上传组件 登录后复制 2、展示添加上的图片 vie…

    编程技术 2025年3月8日
    200
  • 基于Ajax的formData图片和数据上传rue实现

    这次给大家带来基于Ajax的formData图片和数据上传rue实现,基于Ajax的formData图片和数据上传注意事项有哪些,下面就是实战案例,一起来看一下。 最近做一个项目,关于用户数据和表单上传的项目,碰到了不少坑,这里总结的分享给…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论