通过ajax向django发请求
代码片段
$("#id_article_1_load_button, #id_article_2_load_button, #id_article_3_load_button, #id_article_4_load_button").click(function() { id_array = this.id.split("_"); link_name = id_array[1] + id_array[2]; var article_id = $(this).siblings('input').val(); var loader = $(this).parents('.form-row').next().find('textarea'); $.get('/newsletter/newsletter_article/',{'article': article_id, 'link_name': link_name}, function(data){ loader.val(data.content); }); });
urls
<table width="680" border="0" align="center" cellpadding="4" cellspacing="0"> <tr> <td bgcolor="#FFFFFF" style="padding: 0 20px"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td width="45%" height="301" valign="top"> <p> <span style="font-family: Helvetica, Arial, sans-serif; font-size: 21px; color: #585d63; font-weight:bold; letter-spacing: -1px;"> <br /> {{ article.title }} <br /> <span style="color: #3da0c4">Feature</span> </span> </p> <p>{{ article.subtitle|striptags|safe }}</p> <p><a class="detail_link" href="http://www.shanghaiexpat.com{{ article.get_absolute_url }}" target="_blank">READ MORE</a></p> </td> <td width="50%" align="center" valign="top"> <p> <span style="font-family: Helvetica, Arial, sans-serif; font-size: 22px; color: #585d63; font-weight:bold; letter-spacing: -1px;"> <a name="{{ link_name }}" id="angkor5"></a> </span> <br /> <br /> {% with article.pic as image %} <img src="http://www.shanghaiexpat.com{{ image.url }}" width="285" height="193" border="0" alt="thumb190-2" /> {% endwith %} </p> <p><span class="photo">Photo description goes here</span></p> </td> </tr> </table> </td> </tr> </table>
views
def newsletter_article(request): article_id = request.GET.get('article', None) link_name = request.GET.get('link_name', None) if article_id is None: raise Http404 article = get_object_or_404(Article, pk=article_id) host = "http://%s" % request.get_host() tpl = select_template(['admin/newsletter/fragments/article.html',]) content = tpl.render(RequestContext(request, locals())) return JSONResponse({'content': content})
相关推荐
在Web开发中,Django和Ajax的结合使用可以极大地提升用户体验,通过无刷新的方式实现实时页面更新。本文将详细讲解如何在Django框架下利用Ajax实现数据的动态更新。 首先,我们需要理解Django和Ajax的基本概念。...
cd django-crud-ajax-login-register-fileupload 4. pip3 install -r requirements.txt 5. python3 manage.py migrate 6. python3 manage.py makemigrations 7. python3 manage.py migrate 8. python3
总结来说,Django查询优化和Ajax编码格式的选择与实现是提升Web应用性能和用户体验的重要手段。通过合理利用ORM查询优化方法、模型字段的设计以及正确选择编码格式,可以显著提升应用程序的性能表现。希望本文能帮助...
2. **Ajax请求**:使用jQuery或原生XMLHttpRequest,将录制的音频数据(通常是Blob对象)发送到Django视图。例如: ```javascript function sendAudioToServer(audioBlob) { const formData = new FormData(); ...
- 示例客户端代码,展示如何调用API,可能是使用curl命令或JavaScript的fetch或jQuery的ajax。 - JSON或XML格式的数据结构定义。 - 配置文件,如路由配置、安全设置等。 - 测试用例,展示如何测试API的功能。 通过...