【Django】框架ajax无法调用后台方法问题

男娘i 2022-06-08 12:25 184阅读 0赞

## Ajax 无法访问View中的方法 ##

前段时间在搭建Django 框架时候， 遇到了一个问题，就是在 html 页面 写的Ajax 无法请求到views中的后台方法？

*  这是为什么呢？
 *  主要是之前写的java代码的习惯， 觉得jsp页面也好 ，H5界面也好，请求都大同小异。

<script type="text/javascript"> function init(id,lo) { $.ajax({ url:"/detail/", data:{ID:id,load:lo}, type:'POST', success:function(json){ var data = $.parseJSON(json); if( data ) { $.each(data, function (key, value) { var st="" for(var i=0;i<value.length-1;i++){ st += value[i] st +="</br>" } $("#div1").html(st) }); } } }); } </script> <body onload="init('{ { ID}}','{ { load}}')"> <div id="div1"></div> </body>

urls.py配置信息

urlpatterns = [
        # url(r'^admin/', admin.site.urls),
        url(r'^show/',views.show),
        url(r'^detail/',views.detail),#之前有人告诉楼主r'^detail$/$' 要加个‘$’说是就能请求到，然并卵
        #
    ]

最后仔细想想， 我们一般请求 ， 前台发送一个请求–>路由拦截–>转发到具体的方法 （java也好 ，Python也好，不过都是这么回事）

想明白这点后， 做了如下测试

*  路由拦截是否配置有问题 （[http://127.0.0.1:8000/detail/][http_127.0.0.1_8000_detail]）发现是好的，也进方法了
 *  这就说明了不是我们配置的路由问题
 *  那必然是我们ajax 写法不符合Python 规范
 *  经过查阅资料，发现少了如下代码

<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>(当然不能忘记js)
    <script type="text/javascript"> var csrftoken = $.cookie('csrftoken'); function csrfSafeMethod(method) { // these HTTP methods do not require CSRF protection return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method)); } $.ajaxSetup({ //设置ajax发送之前做的操作，在data里面加上一个键值对 beforeSend: function(xhr, settings) { if (!csrfSafeMethod(settings.type) && !this.crossDomain) { xhr.setRequestHeader("X-CSRFToken", csrftoken); } } }); function init(id,lo) { $.ajax({ url:"/detail/", data:{ID:id,load:lo}, type:'POST', success:function(json){ var data = $.parseJSON(json); if( data ) { $.each(data, function (key, value) { var st="" for(var i=0;i<value.length-1;i++){ st += value[i] st +="</br>" } $("#div1").html(st) }); } } }); } </script>

如此便解决了， ajax不能调用后台方法的问题！！！

[http_127.0.0.1_8000_detail]: http://127.0.0.1:8000/detail/

发表评论取消回复

表情：

评论列表（有 0 条评论，184人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax调用成功,后台方法成功执行前台却报404

.1ajax调用成功,后台方法成功执行前台却报404 第一种解决办法：这才发现我的ajax要求方法调用成功以后所返回的数据类型应该是json格式，但是我的后台...

╰+攻爆jí腚メ/ 2024年04月17日 05:41/ 0 赞/ 72 阅读

相关 jQuery AJAX实现调用页面后台方法

1.新建demo.aspx页面。 2.首先在该页面的后台文件demos.aspx.cs中添加引用。 using System.Web.Services;

àì夳堔傛蜴生んèń/ 2022年09月18日 14:56/ 0 赞/ 184 阅读

相关 Asp.net中JQuery、ajax调用后台方法总结

通过上一篇文章实例的实现，整个过程当中学习到很多知识点，了解了Jquery、Ajax在asp.net中的运用，加以总结，其实原理都是一样的，理解了一种，其他的注意很少的区别就可

港控/mmm°/ 2022年09月18日 01:49/ 0 赞/ 198 阅读

相关【Django】框架ajax无法调用后台方法问题

Ajax 无法访问View中的方法前段时间在搭建Django 框架时候，遇到了一个问题，就是在 html 页面写的Ajax 无法请求到views中的后台方法？

男娘i/ 2022年06月08日 12:25/ 0 赞/ 185 阅读

相关 Django ajax

一、ajax简介　Ajax（Asynchronous Javascript And XML）翻译成中文就是“异步Javascript和XML”。即使用Javascrip

小鱼儿/ 2022年02月23日 09:44/ 0 赞/ 254 阅读

相关微信分享设置+java后台+ajax调用

最近完成了两个小业务的项目，一个是公司的接的报纸html新闻页面需要做带图标的微信分享，一个是公司的报纸库，简单说就是一个报社的报纸电子化后，在网上展示，然后

野性酷女/ 2022年02月19日 03:17/ 0 赞/ 330 阅读

相关初试.net使用ajax调用后台方法

方法一：第一步，建立一个.aspx文件在查看其源代码里写：即.aspx.cs，主要是使用using System.Web.Services; 关键处：\[WebMet

小灰灰/ 2022年01月31日 16:17/ 0 赞/ 219 阅读

相关 django AJAX

MTV与MVC(了解) 　　 MTV模型(django): M:模型层(models.py) T:templates V:views 　　MV

布满荆棘的人生/ 2022年01月11日 02:03/ 0 赞/ 283 阅读

相关 JS调用后台方法大全

javascript函数中执行C\代码中的函数：方法一： 1 、首先建立一个按钮，在后台将调用或处理的内容写入button\_click中; 2 、

我会带着你远行/ 2021年12月16日 15:43/ 0 赞/ 425 阅读

相关 Django—AJAX

多对多表三种创建方式 1.第一种 django orm自动帮我们创建 class Book(models.Model): name = mo

墨蓝/ 2021年11月29日 10:42/ 0 赞/ 291 阅读