首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Django分离JS代码,处理AJax错误请求

Ajax请求时,这里block同样会变得很臃肿。...查了下,大概就是传递了个对象导致,但是从自己代码上看,好像没有,因此找了下,发现在进行AJax提交时,默认会将数据转换成对象,并且会进行序列化处理,特别是在使用AJax进行文件上传时候。...Django中,开启CSRF防护时,在进行POST提交时必须附带csrf_token,但是将JS分离后,独立JS文件中是无法获取到 {{ csrf_token }},因此我只能采用传参方式来解决...下面以复选框批量删除操作来说明上面的问题 多个复选框 复用代码,分离请求 分离JS代码,抽离功能 这里重点在Ajax请求时两个参数: processData: false, contentType:...false, processData是让接收数据别序列化,contentType主要是不处理Content-Type请求头。

4.3K70
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Js原生Ajax和JqueryAjax

    Js原生Ajax和JqueryAjax 一、Ajax概述 1.什么是同步,什么是异步 同步现象:客户端发送请求到服务器端,当服务器返回响应之前,客户端都处于等待 卡死状态 异步现象:客户端发送请求到服务器端...,直到服务器端将数据返回 给Ajax引擎后,会触发你设置事件,从而执行自定义js逻辑代码完成某种页面1 功能。...二、js原生Ajax技术(了解) js原生Ajax其实就是围绕浏览器内内置Ajax引擎对象进行学习,要使用js原 生Ajax完成异步操作,有如下几个步骤: 1)创建Ajax引擎对象 2)...事件中,我们规定当服务器响应已做好被处理准备时所执行任务。...js原生ajax进行了封装,封装后ajax操 作方法更简洁,功能更强大,与ajax操作相关jquery方法有如下几种,但开发中 经常使用有三种 1).get(url, [data], [callback

    19.6K20

    JS中如何处理多个ajax并发请求?

    通常 为了减少页面加载时间,先把核心内容显示处理,页面加载完成后再发送ajax请求获取其他数据 这时就可能产生多个ajax请求,为了用户体验,最好是发送并行请求,这就产生了并发问题,应该如何处理?...(1)并行改串行 如果业务逻辑和用户体验允许情况下,可以改为串行,处理起来最简单 function async1(){ //do sth......'已执行完成'); clearInterval(interval) } }; 这个方法采用了定时间隔触发器,占用CPU比较多,建议酌情使用 (4)jquery 使用jquery延时处理方法...,每个ajax请求完成后,把对应Deferred置为完成状态,然后用jquery判断全部完成后再进行后续处理 var d1 = $.Deferred(); var d2 = $.Deferred();

    5.5K61

    jsajax和jquery中ajax学习笔记

    一、JSAjax ajax:异步访问/局部刷新 1.同步和异步 2.Ajax运行原理 页面请求---->Ajax引擎----->提交给服务器端 这段时间可以做任何事情 服务器端响应------...>Ajax引擎----->触发设置好事件,执行自定义js逻辑代码,然后显示页面 js改变页面,其原理是改变是内存 3.ajax实现 创建ajax引擎 为ajax对象绑定监听 绑定提交地址(get/...post) 发送请求 总结: 所有的异步访问都是通过ajax引擎 二、JSON传递数据(重点) 1.JSON在ajax中数据传递格式 JSON传递数据一种格式,当使用异步传输时候, 当服务器响应数据时候...,需要使用一种格式在客户端和服务端进行传递 当服务端响应给客服端时候响应是字符串或者xml(ResponseText/ResponseXML), 如果响应一个对象给客户端时候就不能表示. 2.JSON...格式 三、jQuery中Ajax(重点) 再实际开发中使用下面三种方式: $.post(url,[date],[callback],[type]); $.get(url,[date

    2.7K40

    ajaxjs 事件执行顺序

    有一个需求,滚轮滚动到相应位置时候执行当前动画,这个动画在footer里面,而网页主体通过ajax进行渲染,我在js里面调用ajax渲染数据,然后再获取主体高度,滚动到该高度时候执行动画。...我大致想了两种解决办法,均以失败告终,本地是ajax先执行,服务器是js先执行。...让获取高度事件时间延时500ms,发现最后获取不到事件了; 将该事件写在ajaxsuccess回调里面,结果是只有打开网页第一次能够成功,然后不管刷新多少次均无效,事件被屏蔽,所以方法二也被废除;...最后我想到了,ajax不就是一种异步方法,我将其改为同步不就行,先让ajax执行完在执行js事件。...当然这样做有弊端,如果接口出问题,ajax渲染失败,那么整个网页js都将执行不了。不过我想真到了数据都渲染不出地方,访问网页就没有意义了,所以最后我采用了这种方法。

    2.9K30

    原生JS与jQuery对AJAX实现

    就是利用JS来无刷新与后端交互,通过get和post方式把数据发送到后端,或者请求后端数据,然后根据请求数据进行改变DOM节点等操作,从而取消掉用formsubmit方式一提交就会跳转页面的情况,...像在创建账号时候检测此用户名是否存在就是一个典型案例,本文讲从原生JS和jQuery方面介绍AJAX实现,跨域问题暂且不表。...二、原生JS实现AJAX 所有现代浏览器(IE7+、Firefox、Chrome、Safari 以及 Opera)均内建 XMLHttpRequest 对象。...四、AJAX调试 在运行AJAX页面按F12(Chrome下),进入“Network”选项卡,点击"XHR"过滤器,然后触发AJAX事件。 ? 点击要进行调试AJAX动作,进入详情页。 ?...五、总结 一般来说,处理AJAX,用jQueryget和post就够用,如果是JSON数据的话用getJSON,注意缓存问题,特殊应用再考虑用ajax(),另外,AJAX还有一个很严重问题是跨域

    3K20
    领券