Django+jquery刷新页面问题

后台Django,我有一个list,点击里面的元素,onclick事件,向后台传输sign,
后台生成静态html页面,然后render出来
但是前台$.ajax,指向后台views.py里的函数名字,那个函数返回的是render的页面(全页面刷新)
会报错,说ajax错误,传参的话没有错误。
是因为前后台交互只能返回数据吗?不能调用函数render吗?
或者我应该让后台返回html内容,前台再操作dom元素刷新页面?
不过django的render挺方便的,我懒得让后台再回一个数据再让js输出了,那样又交互了一次。
请问有没有办法?

1个回答

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

Django+jquery刷新页面问题

后台Django,我有一个list,点击里面的元素,onclick事件,向后台传输sign, 后台生成静态html页面,然后render出来 但是前台$.ajax,指向后台views.py里的函数名字,那个函数返回的是render的页面(全页面刷新) 会报错,说ajax错误,传参的话没有错误。 是因为前后台交互只能返回数据吗?不能调用函数render吗? 或者我应该让后台返回html内容,前台再操作dom元素刷新页面? 不过django的render挺方便的,我懒得让后台再回一个数据再让js输出了,那样又交互了一次。 请问有没有办法?

Django:页面刷新

<div class="post-text" itemprop="text"> <p>Here's the view that updates the timestamp of a model in database whenever it's called,</p> <pre><code>def data(request): new = Data.objects.filter(user=request.user) new.update(timestamp=timezone.now()) return HttpResponse('') </code></pre> <p>This view is related to this URL,</p> <pre><code>url(r'^go/$', views.data, name='data') </code></pre> <p>Everything is fine, but how can I call this view &amp; update the database without refreshing the page?</p> </div>

Django Jquery获取URL配置

<div class="post-text" itemprop="text"> <p>Ok, so I'm trying to call the function </p> <pre><code>def user_timetable(request, userid): user = get_object_or_404(TwobooksUser,id = userid) timeSlots = TimeSlot.objects.filter(user = request.user) rawtimeslots = [] for timeSlot in timeSlots: newSlot = { 'userid': timeSlot.user.id, 'startTime': str(timeSlot.startTime), 'endTime': str(timeSlot.endTime), } rawtimeslots.append(newSlot) return HttpResponse(simplejson.dumps(rawtimeslots)) </code></pre> <p>through the javascript in </p> <pre><code>{% include 'elements/header.html' %} &lt;script type='text/javascript'&gt; $(document).ready(function() { $.get('/books/personal{{ user.id }}/timetable/', {}, function(data) { data = JSON.parse(data); var events = new Array(); for (var i in data) { events.push({ id: data[i].id, title: '{{ request.user.name }}', start: Date.parse(data[i].startTime, "yyyy-MM-dd HH:mm:ss"), end: Date.parse(data[i].endTime, "yyyy-MM-dd HH:mm:ss"), allDay: false }); } </code></pre> <p>where the above exists in a template that's being rendered (I think correctly). </p> <p>The url conf that calls the function user_timetable is </p> <pre><code> url(r'^books/personal/(?P&lt;userid&gt;\d+)/timetable/$',twobooks.ajax.views.user_timetable), </code></pre> <p>But, user_timetable isn't being called for some reason.</p> <p>Can anyone help? </p> <p>EDIT- Ok the original problem was that the template was not being rendered correctly, as the url in firebug comes to '/books/personalNone/timetable/' , which is incorrect. </p> <p>I'm rendering the template like this - </p> <pre><code>def renderTimetableTemplate(request): #if request.POST['action'] == "personalTimetable": user = request.user return render_to_response( 'books/personal.html', { 'user': user, }, context_instance = RequestContext(request) ) </code></pre> <p>Is there a mistake with this? </p> </div>

django 管理后台 table使用jquery怎么实现的?

Django 站点管理的table有排序和分页的功能十分漂亮,是用jquery的插件实现的吗? 我想在自己的网站上实现,请大家指教下。

django +jquery+ ajax get提交报错,post提交就可以

``` 模板:(index.html) “ <html> <body> <p>请输入两个数字</p> <form action="/index" method="get"> a: <input type="text" id="a" name="a"> <br> b: <input type="text" id="b" name="b"> <br> <p>result: <span id='result'></span></p> <button type="button" id='sum'>提交</button> </form> <!---<script type="text/javascript" src="/static/jquery-3.3.1.min.js"></script>---> <script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#sum").click(function(){ var a = $("#a").val(); var b = $("#b").val(); $.get("/index",{'a':a,'b':b}, function(ret){ $('#result').html(ret.result) }) }); }); </script> </body> </html>” ``` ``` **url 代码:** urlpatterns = [ url(r'testDb' , testDb), url(r'query' , Query), url(r'formdemo' , searchtest.search), url(r'^seachDemo' , searchtest.search_form), url(r'^index' , view.loginIndex), ] ``` ``` python 代码view.py: def loginIndex(request): if(request.method == 'GET'): a = int(request.GET.get('a')) b = int(request.GET.get('b')) return_json = {'result': a + b} return HttpResponse(json.dumps(return_json), content_type='application/json') return render(request,"index.html") ``` 报错: TypeError at /index int() argument must be a string, a bytes-like object or a number, not 'NoneType' Request Method: GET Request URL: http://127.0.0.1:8000/index Django Version: 2.0.3 Exception Type: TypeError Exception Value: int() argument must be a string, a bytes-like object or a number, not 'NoneType' Exception Location: D:\PythonDemo\PythonDemo\view.py in loginIndex, line 12 Python Executable: D:\PythonDemo\venv\Scripts\python.exe Python Version: 3.6.3 Python Path: ['D:\\PythonDemo', 'D:\\PythonDemo', 'D:\\PythonDemo\\venv\\Scripts\\python36.zip', 'X:\\python\\DLLs', 'X:\\python\\lib', 'X:\\python', 'D:\\PythonDemo\\venv', 'D:\\PythonDemo\\venv\\lib\\site-packages', 'D:\\PythonDemo\\venv\\lib\\site-packages\\setuptools-28.8.0-py3.6.egg', 'D:\\PythonDemo\\venv\\lib\\site-packages\\pip-9.0.1-py3.6.egg', 'X:\\PyCharm\\PyCharm 2017.3.4\\helpers\\pycharm_matplotlib_backend'] Server time: Sun, 18 Mar 2018 07:35:40 +0000 这个报错也让我很懵逼,我把提交方式,和ajax方法改成post,就没有这个报错,程序可以正常运行

Django+Jquery getJSON方法无法调用回调函数

html部分是这样: ``` <a href="javascript:;" class="btn blue" id="send">Submit</a> ``` Jquery部分是这样: ``` $(function(){ $('#send').click(function(){ $.getJSON("localhost:8000/indicator?jsoncallback=?", function(data){ if (data["HTTPRESPONSE"] == 1){ alert("success"); } }); }); }) ``` Django View.py是这样: ``` def indicator(request): json_data = json.dumps({"HTTPRESPONSE":1}) return HttpResponse(json_data, mimetype="application/json") ``` Django urls.py里是这样: ``` url(r'^indicator/$', 'Django.views.indicator'), ``` 但是结果是JQuery中getJSON方法里的回调函数总是不能执行。 因此想请教下原因,谢谢

Django刷新页面[关闭]

<div class="post-text" itemprop="text"> <aside class="s-notice s-notice__info js-post-notice mb16" aria-hidden="false" role="status"> <div class="grid fd-column fw-nowrap"> <div class="grid fw-nowrap"> <div class="grid--cell fl1 lh-lg"> <div class="grid--cell fl1 lh-lg"> <b>Closed</b>. This question needs <a href="/help/closed-questions">details or clarity</a>. It is not currently accepting answers. </div> </div> </div> </div> <hr class="my12 outline-none baw0 bb bc-powder-2"> <div class="grid fw-nowrap fc-black-600"> <div class="grid--cell mr8"> <svg aria-hidden="true" class="svg-icon iconLightbulb" width="18" height="18" viewbox="0 0 18 18"><path d="M9.5.5a.5.5 0 0 0-1 0v.25a.5.5 0 0 0 1 0V.5zm5.6 2.1a.5.5 0 0 0-.7-.7l-.25.25a.5.5 0 0 0 .7.7l.25-.25zM1 7.5c0-.28.22-.5.5-.5H2a.5.5 0 0 1 0 1h-.5a.5.5 0 0 1-.5-.5zm14.5 0c0-.28.22-.5.5-.5h.5a.5.5 0 0 1 0 1H16a.5.5 0 0 1-.5-.5zM2.9 1.9c.2-.2.5-.2.7 0l.25.25a.5.5 0 1 1-.7.7L2.9 2.6a.5.5 0 0 1 0-.7z" fill-opacity=".4"></path><path opacity=".4" d="M7 16h4v1a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1z" fill="#3F3F3F"></path><path d="M15 8a6 6 0 0 1-3.5 5.46V14a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-.54A6 6 0 1 1 15 8zm-4.15-3.85a.5.5 0 0 0-.7.7l2 2a.5.5 0 0 0 .7-.7l-2-2z" fill="#FFC166"></path></svg> </div> <div class="grid--cell lh-md"> <p class="mb0"> <b>Want to improve this question?</b> Add details and clarify the problem by <a href="/posts/49949101/edit">editing this post</a>. </p> <p class="mb0 mt6">Closed <span title="2018-04-21 12:01:49Z" class="relativetime">2 years ago</span>.</p> </div> </div> </aside> <p>I can not figure out how to change the page without rebooting with Ajax.</p> <p><strong>urls.py</strong></p> <pre><code>urlpatterns = [ path('name/', views.name, name='name'), path('', views.index, name='index'), ] </code></pre> <p><strong>views.py</strong></p> <pre><code>def name(request): return render(request, 'site/name.html') </code></pre> <p><strong>index.html</strong></p> <pre><code>&lt;a href="/name" id="aj"&gt;page name&lt;/a&gt; &lt;div id="content"&gt; {% block content %} {% endblock %} &lt;/div&gt; </code></pre> <p><strong>I will be very grateful if you will give me a simple code.</strong></p> </div>

Django 从前端页面调用用ajax POST无法跳转

## 从前端页面调用ajax POST指向Django后端 view中POST功能无法return任何信息. 前端: ``` var token = $('input[name=csrfmiddlewaretoken]').val(); function getSceneId() { $.ajax({ headers: {'X-CSRFToken': token}, url: './newpost/', type: 'POST', data: JSON.stringify(data), dataType: 'json', success: function(){ console.log("后台返回数据") }, }); } ``` View.py ``` def record_add(request): if request == 'POST': return render(request, "index.html", ) else: return HttpResponse('??? where is post?.') ``` 功能中的urls.py ``` urlpatterns = [ path('', views.make), path('newpost/', views.record_add), ] ``` 点击后返回的也是200, url也是指向view中功能的, 但是就是跳转不过去. 也就是数据传不到后台. 求助求助! 谢谢 ![图片说明](https://img-ask.csdn.net/upload/202005/20/1589945251_856823.png)

Django 跳转页面 参数传递问题

我在登录页面进入homepage.html页面时传递进4个参数![图片说明](https://img-ask.csdn.net/upload/202003/18/1584520616_513139.png) 然后我要在homepage.html页面通过< a href>标签跳转到另一个页面index_04.html页面,怎么把上面传进homepage.html的4个参数传到index_04.html页面呢,下面这种写法没有效果 ![图片说明](https://img-ask.csdn.net/upload/202003/18/1584520770_340659.png)

python中django怎么设置跨域?

django怎么设置跨域问题 今天百度了一下 设置内容如下: ![图片说明](https://img-ask.csdn.net/upload/201809/25/1537862388_384257.png) ![图片说明](https://img-ask.csdn.net/upload/201809/25/1537862398_40715.png) 运行起来以后 浏览器可以访问 但是jquery的ajax还是显示跨域 ![图片说明](https://img-ask.csdn.net/upload/201809/25/1537862461_416123.png) ![图片说明](https://img-ask.csdn.net/upload/201809/25/1537862471_905633.png) 前端代码如下: ![图片说明](https://img-ask.csdn.net/upload/201809/25/1537862486_492433.png)

使用ajax进行数据修改后页面无法正常刷新

我用AJAX对我查询出来的数据进行修改,之后用了window.location.reload();来刷新页面在谷歌没问题在IE却有问题,求各位帮忙看看为什么,求解决方案。我开发的模式用的是asp.net,AJAX请求都是在一般处理程序里面![代码](https://img-ask.csdn.net/upload/201501/19/1421630379_103264.png)![出现的问题](https://img-ask.csdn.net/upload/201501/19/1421630404_839144.png)

如何将做好的Django项目显示在页面上?

我已经写好了一个Django项目,其中有一些目录,目录下有一些.py和.html文件,我也买了阿里云的服务器且已经绑定了域名, 之前我将单独的几个html页面放在我服务器的/alidata/www/phpwind这个目录下,现在我的html页面包含在目录下面,请问我该怎样才能让其在网页上显示出来?

ajax实现页面部分刷新,高分求助

效果如下: ![图片说明](https://img-ask.csdn.net/upload/201508/31/1441005436_271733.png) 怎么实现复选框选中的数据不进行刷新,而剩下的在我点击抽取的时候重新获取。 页面代码如下: ![图片说明](https://img-ask.csdn.net/upload/201508/31/1441005554_80749.png) ![图片说明](https://img-ask.csdn.net/upload/201508/31/1441005561_901416.png) ![图片说明](https://img-ask.csdn.net/upload/201508/31/1441005574_361067.png) 请写出代码,万分感谢,小弟对于ajax方面真心不会

django web页面循环对象中嵌入js问题

我想在页面循环django对象的循环体中插入js来获取每次循环的某一列值,再通过ajax请求后台数据并且展示, 但是现在遇到一个问题就是貌似循环里的js不能循环取到django对象的值,传到后台的数据都是第一次循环取到的数据, 后续的循环就取不到数据了,拿到结果循环输出也只是打印出来第一行的数据 ,这是为什么 ``` {% for i in locale_list %} <tr > <!--class="success/danger"--> <td>{{ i.id }}</td> <td>{{ i.locale_code }}</td> <td>{{ i.lcoale_name }}</td> <td>{{ i.locale_address }}</td> <td>{{ i.locale_area.area_name }}</td> <td><p id="inuser">{{ i.locale_user.user_nickname }}</p> <input type="hidden" id="iinuser" value="{{ i.locale_inuser }}"> </td> <script> $(function(){ var inuser = $("#iinuser").val(); var indate = {"inuser":inuser} alert(inuser) $.ajax({ url:'/findinusername/', type:'POST', data:indate, success:function(result){ if (result != null){ alert(result) $("#inuser").text(result); } } }) }) </script> <td id="isopen"> <input type="hidden" id="open" value="{{ i.locale_open }}"> <input type="hidden" id="close" value="{{ i.locale_close }}"> <!-- Split button --> <!-- <div class="btn-group">--> <script> $(function(){ var date = new Date(); var open = $("#open").val(); var close = $("#close").val(); var open1 = open-1; var close1 = close-1; var hour = date.getHours(); //alert(hour); if(hour > open1 && hour < close){ $("#isopen").text("正常营业"); }else{ $("#isopen").text("非营业时间"); } }) </script> <!-- <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">..</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">否</a></li> <li><a href="#">停业</a></li> </ul> --> <!-- </div> --> </td> <td> <!-- Split button --> <div class="btn-group"> <button type="button" class="btn btn-info">正常</button> <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> <span class="sr-only">..</span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">非正常</a></li> </ul> </div> </td> <!--locale_id,code,name,add,lot,legal,lat,idtype,type, idnum,nature,telnum,area,start,status, end,user,remark --> <td><button id="edit" class="btn btn-default" onclick=updateWin('{{ i.id }}','{{ i.locale_code }}','{{ i.lcoale_name }}','{{ i.locale_address }}','{{ i.locale_longitude }}','{{ i.locale_legalperson }}','{{ i.locale_latitude }}','{{ i.locale_idtype.id }}','{{ i.locale_type.id }}','{{ i.locale_idnum }}','{{ i.locale_nature }}','{{ i.locale_telnum }}','{{ i.locale_area.id }}','{{ i.locale_open }}','{{ i.locale_status }}','{{ i.locale_close }}','{{ i.locale_user.id }}','{{ i.locale_remark }}','{{ i.locale_inuser }}')>修改</button></td> <td><a href="javascript:void(0)" class="btn btn-default" onclick=openstatus("{{ i.locale_code}}","{{ i.lcoale_name }}","{{ i.locale_type.id }}")>查看设备状态</a> <!--<a href="#" data-toggle="modal" data-target="#confirmModal" class="btn btn-default">查看状态</a>--> </td> </tr> {% endfor %} </tbody> </table> </div> <ul class="pagination pull-right"> <li class="disabled"><a href="#">&laquo;</a></li> <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li> <li><a href="#">2 <span class="sr-only">(current)</span></a></li> <li><a href="#">3 <span class="sr-only">(current)</span></a></li> <li><a href="#">4 <span class="sr-only">(current)</span></a></li> <li><a href="#">5 <span class="sr-only">(current)</span></a></li> <li><a href="#">&raquo;</a></li> </ul> </div> </div> </div> </div> {% include 'footer.html' %} ```

求一个用jquery ajax是实现的局部刷新思路

这个是例子http://hqdt.snnu.edu.cn/Ssp/site/index其中点击全部,投诉,申诉下面局部刷新,刷新的那部分内容从后台获取的

更新页面内容而不刷新页面?

<div class="post-text" itemprop="text"> <p>If I included a file like this:</p> <pre><code>&lt;?php include "counter.php"; ?&gt; </code></pre> <p>..and my HTML is like this..</p> <pre><code>&lt;p&gt;&lt;?php echo $counter ?&gt;&lt;/p&gt; </code></pre> <p>Is it possible to reread counter.php on a regular interval? The data in that file changes constantly and I would like to display those changes without reloading the page.</p> <p>EDIT: $counter is a variable within counter.php</p> </div>

求救!django中使用jquery的ajax传值一个数列,使用关键字只返回数列的最后一个元素,怎么样取到整个数列?

![图片说明](https://img-ask.csdn.net/upload/201908/27/1566907915_116920.jpg) 这是html的代码,使用jquery+ajax的方法,传输数据为{a:[120,30,40,50,60,70]} ![图片说明](https://img-ask.csdn.net/upload/201908/27/1566908220_721470.jpg) 在后台中发现关键字变成a[];而且print(request.POST['a[]'])显示的值是数列的最后一个值,70;如何得到整个数列?

导航栏无限刷新似乎是iframe,求解

环境:django3.0 ![图片说明](https://img-ask.csdn.net/upload/202004/29/1588149792_92889.png) 可以看到本地是没有问题的! 但是用 ``` python manage.py runserver ``` 之后在127.0.1打开就变这样: ![图片说明](https://img-ask.csdn.net/upload/202004/29/1588149960_316880.png) 我人傻了,他这个是在iframe框里面无限循环,有没有大佬给看看... 代码区: ![图片说明](https://img-ask.csdn.net/upload/202004/29/1588151060_53859.png)

django 前后端实时通信问题

用django web框架,碰到了个问题。 前端的ajax要和后端的数据做到实时响应,所以想用websocket长连接。 这个找到了一个框架,叫dwebsocket。有个问题,前端请求的响应函数称之为api client。api client收到请求后会去调用api server,api server的返回数据才是前端真正需要的。 ![图片说明](https://img-ask.csdn.net/upload/201903/21/1553133022_394381.jpg) ![图片说明](https://img-ask.csdn.net/upload/201903/21/1553133222_379948.png) 这是我自己想的一个办法。但似乎很蠢。 求大神能帮忙想出个好的办法。

django 如何实现用户和管理员从同一个login页面登录后跳转到不同页面上?

django 如何实现用户和管理员从同一个login页面登录后跳转到不同页面上?谢谢!

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c# cad插入影像 c#设计思想 c#正则表达式 转换 c#form复制 c#写web c# 柱形图 c# wcf 服务库 c#应用程序管理器 c#数组如何赋值给数组 c#序列化应用目的博客园
立即提问