Django Ajax发送请求使用方法

首先需要引入Jquery这个库

其次：

需要引入csrf_token 原因是因为django 表单认证需要csrf认证

最后，就是正常执行ajax发送请求

示例代码如下：

<script src="/static/js/jquery.js"></script><script>/*绑定submit方法*/$('#submit').bind('click',function(){<!--django csrf认证添加，for ajax-->$.ajaxSetup({data: {csrfmiddlewaretoken: '{{ csrf_token }}' },});<!--获取前端输入数据-->var username = $('#name').val();var password = $('#password').val();var idcard = $("#idcard").val();var rentaddress = $('#rentaddress').val();var post_data ={"username":username,"password":password,"idcard":idcard,"rentaddress":rentaddress,};<!--ajax请求-->$.ajax({url:'register',type:'POST',   //方法：例如Post/get等等data : post_data, /*客户端发送给服务器传递的参数*/dataType:"json",  /*参数数据类型*/success: function (data) {  //此处的data表示服务器传过来的json数据var flag_href = data['flag_href'];if (flag_href == "1") //1表示跳转，注册成功{alert("用户注册成功");document.getElementById("login_click").click();<!--点击a标签，实现跳转url-->}/*表示有存在错误信息*/else{var error_info = data['error_info']; //获取错误信息alert(error_info)//显示错误信息document.getElementById("register_click").click();<!--点击a标签，实现刷新界面，待完善，这个方法感觉不对-->}}});});</script>

终于工作满一年了，还是挺感慨的，技能掌握的还不是很好，希望今年能是个All In的一年，学习知识，提升技能

Django Ajax发送请求使用方法相关推荐

JQ中使用FormData+Ajax发送请求及使用express接收处理FormData数据
JQ中使用FormData+Ajax发送请求及使用express接收处理FormData数据最近写大创项目的时候,要做登录功能,考虑到之后还需要上传头像图片,因此决定使用FormData发送表单请求 ...
jQuery里如何使用ajax发送请求
回到文章总目录本篇文章介绍的是在jQuery里如何使用ajax发送请求 jquery里面的单纯的get请求和单纯的post请求比较简洁的,也比较简易 jquery里面ajax通用方法(自定义个化强) ...
AJAX，SpringMVC，拦截器（Ajax发送请求经过SpringMVC拦截器重定向其他页面失败）
Ajax发送请求经过SpringMVC拦截器重定向其他页面失败借鉴出处 Ajax是通过异步请求后台,获取数据,局部刷新页面,因此,即使后台进行页面跳转的编码,前台请求完毕以后,只会执行ajax的回 ...
JS中的Ajax发送请求获取数据流程
前言: JS两个常用的请求方法 [XMLHttpRequest() .fetch()] XMLHttpRequest() 的使用方法大致可以分为四步: 1.创建XMLHttpRequest的对象成员 ...
React ajax 发送请求（六）
React ajax 发送请求(六) React 官网链接: 英文官网中文官网接着上节 React 代理配置(五) 前言在实际做React 项目的时候, 前端应用需要通过 ajax 请求与后台进 ...
php ci post 请求,CI框架中判断post,ajax,get请求的方法
这篇文章主要介绍了关于CI框架中判断post,ajax,get请求的方法 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 CI框架当中并没有提供,类似tp框架中IS_POST,IS_A ...
js采用ajax发送请求获取数据（实例操作）
来,案例之前,容我分享一下js如何发送请求. 原生js发送请求: let xhr= new XMLHttpRequest(); // methods:GET/POST请求方式等,url:请求地址,tr ...
django - ajax发送json格式请求
一.业务场景如下很简单,哥就想实现一个登录,你去实现吧,那提到这个,我们会想到以下几点 1.前台,我要做一个登录业面 2.然后发送一个ajax请求 3.用户名密码一定是个表单,表单提交那是一个pos ...
$.ajax 发送请求,JavaScript之Ajax-2 Ajax(使用Ajax发送get请求、使用Ajax发送post请求)
一.使用Ajax发送get请求发送异步请求的步骤 - 获取Ajax对象:获取 XMLHttpRequest对象实例 - 创建请求:调用XMLHTTPRequest对象的open方法 - 设置回调函数 ...

Django Ajax发送请求使用方法

Django Ajax发送请求使用方法相关推荐

最新文章

热门文章