简介:

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')

}

});

}

运行,结果:

二、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,Django Ajax的使用教程相关推荐

  1. ajax 更新页面变量,[Django 1.5] jQuery/Ajax 在Django使用 ,如何更新模板里里变量

    最近希望实现一个页面局部刷新的功能,于是开始查阅ajax资料.幸好现在ajax很多功能都封装在jQuery这个库里面,我们可以很方便去调用.通过学习几个简单的小例子,可以实现简单的前端代码更新,还有重 ...

  2. python教程web开发_PythonWeb开发基础教程(Django版)(微课版)-教学大纲

    0 < Python Web 开发基础教程>教学大纲 学 时: 66 代 码: 适用专业: 制 定: 审 核: 批 准: 一.课程的地位.性质和任务 Web 开发基础是普通高等学校计算机科 ...

  3. Django 3.2.5博客开发教程:体验django模板

    上面我们有说过,用户发送请求的时候,视图会返回一个响应,响应可以是一个重定向,一个404错误,一个XML文档,一张图片或者是一个HTML内容的网页.前面几个返回的信息比较有限,我们重点更多是放在HTM ...

  4. java jquery提交表单数据_[Java教程]jquery实现ajax提交表单信息

    [Java教程]jquery实现ajax提交表单信息 0 2016-08-23 15:00:08 最近在思考优化项目,想自己扩展一个jquery自动获取表单中的数据进行ajax提交.本人没有完整性学习 ...

  5. js系列教程11-json、ajax(XMLHttpRequest)、comet、SSE、WebSocket全解

    全栈工程师开发手册 (作者:栾鹏) 快捷链接: js系列教程1-数组操作全解 js系列教程2-对象和属性全解 js系列教程3-字符串和正则全解 js系列教程4-函数与参数全解 js系列教程5-容器和算 ...

  6. Django 模板中使用 Ajax POST

    Django 模板中使用 Ajax POST 解决 Forbidden (CSRF token missing or incorrect.) 报错的解决方案 在以Django作为后端的项目开发中,前端 ...

  7. ajax资料收集-Ajax文章(教程和实例)---Ajax资源下载(源码和教程)---Ajax规范标准

    CSDN Blog Ajax文章搜索: http://search.csdn.net/search/ajax/1/blog/ 专题:Ajax技术应用开发 http://www.51cto.com/ht ...

  8. Django开发学习之Ajax(二)

    Ajax准备知识:json 什么是json? 定义: JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式. 它基于 ECMAScript ( ...

  9. 视频教程-Angular+Django前后端分离实战项目开发教程-AngularJS

    Angular+Django前后端分离实战项目开发教程 胜蓝博创(韬略课堂)创始人,IT培训讲师,先后在蓝港在线,热酷,乐元素等大型游戏公司任职,参与过多款大型网游.手游的设计和开发,精通页游.手游前 ...

  10. ajax调用api改表格数据库,【django基础】django接口 异步ajax请求 导出数据库成excel表(包裹前端后端)...

    py文件: from django.utils.http import urlquote from rest_framework.views import APIView from django.sh ...

最新文章

  1. Visual C# 编程操作Excel
  2. 定时发送服务器运行数据并设置阀值警报方法
  3. soap header身份认证 不带ns标签
  4. 2021百度营销通案
  5. python中对字符串进行编码_Python 中的字符串编码
  6. 如何开始使用LightZone
  7. HTML5 CANVAS 弹幕插件--DanMuer.js(V3.2.5)
  8. LightGCN: Simplifying and Powering Graph Convolution Network for Recommendation 论文笔记
  9. Griddle, griddle-react 一个REACT 表格组件
  10. 拓端tecdat|R如何与Tableau集成分步指南 - 适用于数据科学和商业智能专业人员
  11. PKM2 - PKManager 基于内容的个人知识管理工具 5M 绿色免费
  12. vue相关插件及框架全家桶
  13. 从苹果供应商看2018年全球电子产业链的中国势力变化
  14. ThingJS 和Threejs在3D开发框架性能上,谁更优秀?
  15. 迪文屏CRC16校验
  16. 一个球从100米高度自由下落,每次落地后反跳回原来的高度的一半,再落下;
  17. 【String】字符串中是否有空格(indexOf、split)
  18. 抖音短视频新媒体策划工作计划运营方案表
  19. 数加加众包:奔驰“哭诉维权”美女硕士,你“不要脸”的样子真的很美
  20. win10 64bit 深度学习环境搭建完整版

热门文章

  1. ENVI分类格式转TIF
  2. 非线性拟合(C++版)
  3. 3t studio 导出数据_Studio 3T下操作MongoDB的基本命令
  4. Overlay 网络 VXLAN 技术解析
  5. 美国防部应改进人工智能战略和加强协作指导
  6. 迅雷高速通道破解教程
  7. win7计算器功能详解 win10参考
  8. 连接池简介及其工作原理
  9. 换个角度理解Android的AIDL原理
  10. 系统学习机器学习之弱监督学习(一)--弱监督学习综述