分享web开发知识

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

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

12.Django与ajax

发布时间:2023-09-06 02:13责任编辑:顾先生关键词:暂无标签

Django与ajax

01.AJAX简介:
  AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”。

    *同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求
    *异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求
    *AJAX除了异步的特点外,还有一个就是:浏览器页面局部刷新

  优点:
    AJAX使用Javascript技术向服务器发送异步请求
    AJAX无须刷新整个页面


02.ajax发送json数据

 1 //发送json数据 2 $(‘.btn‘).click(function () { 3 ?4 $.ajax({ 5 url:"", 6 type:"post", 7 contentType:"application/json",//默认的contentType都为urlencoded 8 data:JSON.stringify({//相当于python中json.dumps 9 a:1,10 b:211 }),12 success:function (data) {13 14 }15 })16 })

03.ajax上传文件

 1 <form> 2 用户名 <input type="text" id="user"> 3 头像 <input type="file" id="avatar"> 4 <input type="button" id="ajax-submit" value="ajax-submit"> 5 </form> 6 ?7 <script> 8 $("#ajax-submit").click(function(){ 9 //获取文件固定格式10 var formdata=new FormData();11 formdata.append("user",$("#user").val());12 formdata.append("avatar_img",$("#avatar")[0].files[0]);//JS取得文件先转换为dom对象,再通过.files[0]获取13 $.ajax({14 15 url:"",16 type:"post",17 data:formdata,18 //上传文件必写这两行!!!19 processData: false , // 不处理数据20 contentType: false, // 不设置内容类型21 22 success:function(data){23 console.log(data)24 }25 })26 })27 </script>

12.Django与ajax

原文地址:https://www.cnblogs.com/QQL-anatkh/p/9597702.html

知识推荐

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