Django的原生Ajax提交数据代码

最新推荐文章于 2021-08-05 20:59:05 发布
最新推荐文章于 2021-08-05 20:59:05 发布
阅读量357 收藏
点赞数
分类专栏： Python自动化开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/douyunqian668/article/details/53177214
版权
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
        {{ time }}
    <input type="button" value="XMLHttpRequest按钮;" οnclick="XHRAjax();"><br>
     <input type="button" value="XMLHttpRequestForm按钮;" οnclick="XHRAjaxForm();">




    <br>
    <a οnclick="UploadFile();" value="按钮1" style="color: red">XMLHttpRequests上传</a>


</body>
<script>
    function XHRAjax(){
        var xhr=new XMLHttpRequest();
        xhr.onreadystatechange=function()
        {
            if(xhr.readyState==4)
            {
                //服务器端响应的内容已经接收完毕
                console.log(xhr.responseText);
            }


        };
{#        xhr.open("GET","/xhr_ajax/?p=123");#}


{#        xhr.send();#}
        xhr.open("POST","/xhr_ajax/");
        xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded; charset-UTF-8");
        xhr.send("k1=v1;k2=v2");


    }


    function XHRAjaxForm(){
        var xhr=new XMLHttpRequest();
        xhr.onreadystatechange=function()
        {
            if(xhr.readyState==4)
            {
                console.log("OK");
            }


        };
        xhr.open("POST","/xhr_ajax/");
{#        xhr_ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded; charset-UTF-8");#}
        var form=new FormData();
        form.append("user","alex");
        form.append("pwd","123");
        xhr.send(form);




    }




</script>
</html>
douyunqian668
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Django之Ajax(jQuery)and原生Ajax(XMLhttpRequest)）【交互篇五】
Burgess_zheng的博客
01-19 1337
上一篇：Django之CSRF XSS原理解析【交互篇四】点击跳转 目录篇：Django之前后端交互篇目录 点击跳转 下一篇：Django之ajax文件上传的两种方式和ifname上传文件【交互篇六】点击跳转 目录 Ajax简单介绍 Ajax(jQuery)     Ajax请求方式和参数介绍     ajax提交内添加csrf_token 原生ajax（XMLHttpRequest）...
实现Ajax提交数据的三种方式
月守护的博客
07-07 4512
Ajax提交的三种提交方式 Ajax发送请求的特点是不刷新页面，很常用 一，原生Ajax 实现方式：使用 浏览器中的XmlHttpRequest对象来完成请求 优点：不依赖插件，直接快捷 缺点：代码叫复杂，并且有的浏览器版本不兼容 url关系： urlpatterns = [ path('admin/', admin.site.urls), path('index/', views...
Django之原生Ajax操作
weixin_33724659的博客
06-04 212
Ajax主要就是使用 【XmlHttpRequest】对象来完成请求的操作，该对象在主流浏览器中均存在(除早起的IE)，Ajax首次出现IE5.5中存在（ActiveX控件）。 先通过代码来看看Ajax吧！ views.py from django.shortcuts import render,redirect,HttpResponse from django import for...
Django学习---原生ajax
weixin_30519071的博客
04-23 90
Ajax 原生ajax Ajax主要就是使用 【XmlHttpRequest】对象来完成请求的操作，该对象在主流浏览器中均存在(除早起的IE)，Ajax首次出现IE5.5中存在（ActiveX控件）。 XmlHttpRequest对象的主要方法： a. void open(String method,String url,Boolen async) 用于创建请求 ...
Django之原生ajax
douyunqian668的博客
11-14 343
Get请求： url?username=alex&pwd=123 POST请求： 设置请求头： xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded; charset-UTF-8") xhr.send("k1=V1;K2=V2"); var form=new FormData()对象;
django中原生Ajax的csrf问题
u010937045的博客
09-13 782
我们都知道在JQ中其中一条提交 csrf方式为 $.ajax({ url:"/login/", type:"POST", data:{'a':'abc'}, headers:{ "X-CSRFtoken":$.cookie("csrftoken")}， success:f...
Ajax几种请求方式(jQuery, XMLHttpRequest)，原生Ajax, Django
java_raylu的博客
11-12 426
三种方式 直接上前端代码： 1. jquery ajax 2. XMLHttpRequest GET方式 3. XMLHttpRequest POST方式 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Ajax请
django ajax下拉框搜索,Django实现jquery select2带搜索的下拉框
weixin_39582480的博客
08-05 1041
最近在开发一个web应用中需要用到带搜索功能下拉框，曾经尝试网上的django 包， django-select2-forms, 这是款功能强大的packets, 可惜不支持我的开发环境centos+python3.7+django 2.0.2, 只好下载原生jquery select2 ,通过参考官方文档，多次测试最终实现了简单的带搜索功能下拉框，它根据在前端搜索框输入的字符，ajax调用后台的...
Django查询优化及ajax编码格式原理解析
12-20
4. 当使用AJAX发送文件时，需要使用`FormData.append()` 添加文件数据，并在`$.ajax()` 设置`contentType: false` 和 `processData: false`，以确保浏览器不对数据进行处理，Django可以正确识别和接收。 了解并熟练...
Django 通过JS实现ajax过程详解
wx1871428的博客
06-09 359
ajax的优缺点 AJAX使用Javascript技术向服务器发送异步请求 AJAX无须刷新整个页面 因为服务器响应内容不再是整个页面，而是页面中的局部，所以AJAX性能高 小练习：计算两个数的和 方式一：这里没有指定contentType：默认是urlencode的方式发的 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
使用ajax来进行前后传送数据（django框架、Python语言）
wenne_wu的博客
12-26 1332
前端发送方式 var data_json={id:11, name:"lily" ,age:29};  //数据是json格式 $.ajax({ url:"{% url 'send_ajax' %}",  //请求服务的地址 type:"POST/GET",  //数据发送的方式 contentType:"application/x-www-form-urlencoded" / "app
Django 后台带有字典的列表数据与页面js交互
茕夜
09-07 4212
1、这里只是简单介绍一下Django的view如何跟js进行交互，首先，进入用户明细的时候会进入一个页面，叫用户信息表，里面包含了用户学习的课程和所得到的分数，每门课程对应一个分数，其中课程用下拉框依次显示，选择课程时动态显示课程的分数，django view部分代码如下： def user_info(request, userid): if request.method == "GE...
django 后台与前端js数据交互对ajax封装
linjinniang的专栏
07-16 6226
1、首先定义一个js数组，对业务
Django通过Ajax利用FormData动态提交表单（包括文件，字符串）
连正的博客
08-02 5942
0 需求背景 有的时候我们上传表单，经过后台处理之后再分发回原来页面，这时必定会刷新这个页面。为了解决这个问题，我们采用JS动态提交表单元素，如：file、text等类型，可以很好的解决这一问题。 1 DOM结构 &amp;lt;form id=&quot;uploadForm&quot; action=&quot;/dongtai/&quot; method=&quot;post&quot; enctype=&quo
时序预测-基于自回归滑动平均模型时间序列ARIMA预测Matlab程序 点变量
08-30
时序预测|基于自回归滑动平均模型时间序列ARIMA预测Matlab程序 点变量 1.程序功能已完成调试，用户可以通过一键操作生成图形和评价指标。 2.数据输入以Excel格式保存，只需更换文件，即可运行以获得个人化的实验结果。 3.代码中包含详细注释，具有较强的可读性，特别适合初学者和新手。 4.在实际数据集上的效果可能较差，需要对模型参数进行微调。 CSDN：机器不会学习CL 时序预测|基于自回归滑动平均模型时间序列ARIMA预测Matlab程序 点变量 1.程序功能已完成调试，用户可以通过一键操作生成图形和评价指标。 2.数据输入以Excel格式保存，只需更换文件，即可运行以获得个人化的实验结果。 3.代码中包含详细注释，具有较强的可读性，特别适合初学者和新手。 4.在实际数据集上的效果可能较差，需要对模型参数进行微调。 CSDN：机器不会学习CL
基于微信小程序的考研资料分享系统的设计与实现.docx
08-30
基于微信小程序的考研资料分享系统的设计与实现.docx
豆瓣读书书评爬虫软件，使用方便快捷
08-30
豆瓣读书书评爬虫软件将辅助你爬取你感兴趣的书目短评，交互简单，你可以轻松的获取目标书目的指定页数的内容，你可以非常方便地使用该资源即可爬取对应书目的短评内容，可以爬取指定页数的信息，也可以将内容保存到数据库sqlite中，当然也会保存为文本文件，每条评论独占一行，如果后续你要做评论的文本情感分析也会特别方便，如若不会使用，详细使用方式可以看我写的一篇文章，链接在此处，点击可跳转:https://blog.csdn.net/weixin_45938063/article/details/141500999spm=1001.2014.3001.5501 ,该资源收取1积分即可下载，欢迎支持下载，您的支持是我创作的动力
XX市XX区市场局数据治理方案文档
08-30
基于企业监管、食品安全、药品安全、知识产权、特种设备监管等多维数据，通过协同各类数据资源，进行数据汇集、治理，构建支撑XX市XX区市场监管数字化平台的标准化数据库，促进XX市XX区市场监管体系的放管服改革工作，逐步实现XX市XX区全方位、全覆盖、全领域、全过程的一体化数智监管体系。
基于springboot的网上购物商城系统设计与实现.docx
最新发布
08-30
基于springboot的网上购物商城系统设计与实现.docx
武沛齐django笔记ajax请求
07-28
对于武沛齐的Django笔记中的Ajax请求部分，以下是一些常见的步骤和注意事项： 1. 在前端页面中，使用JavaScript编写一个Ajax请求。可以使用原生的XMLHttpRequest对象，也可以使用jQuery等库来简化操作。例如，使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值