通过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})
相关推荐
项目概述:本项目是基于Python中流行的Django框架,结合jQuery AJAX技术实现的前后端交互应用。通过使用POST和GET请求,实现了数据的异步处理。项目主要采用Python语言编写,同时包含了JavaScript、HTML、Shell、CSS...
《jQuery与Django整合构建表单的深度解析》 在Web开发领域,jQuery与Django是两个非常重要的工具。jQuery,作为一个轻量级的JavaScript库,简化了DOM操作、事件处理以及Ajax交互,极大地提高了前端开发效率。而...
在Django中,我们通常使用jQuery库,它提供了便捷的Ajax函数,如`$.ajax()`和`$.get()`、`$.post()`等,使得发送Ajax请求变得简单。 **一、创建Ajax请求** 在前端,我们通常在JavaScript或jQuery代码中创建Ajax...
在Web开发中,Django和Ajax的结合使用可以极大地提升用户体验,通过无刷新的方式实现实时页面更新。本文将详细讲解如何在Django框架下利用Ajax实现数据的动态更新。 首先,我们需要理解Django和Ajax的基本概念。...
Django模板-带引导 重命名您的项目 添加模型后未测试! 确保在项目早期进行 python rename.py oldName newName 如果您没有安装烧瓶,请运行 pip3 install django or pip install django 启动服务器 python manage.py...
该项目是一款基于Python语言的个人博客系统,采用Jquery和Django进行前后端开发。项目包含221个文件,其中包括96个JavaScript文件、27个CSS文件、16个JPG图片、11个Python编译文件、11个Python源文件、11个HTML文件...
在本实例中,我们将探讨如何使用Django框架与jQuery库以及JSON数据格式来构建一个功能性的Web应用。Django是一个强大的Python Web框架,它提供了一整套解决方案来处理后端逻辑,而jQuery则是一个广泛使用的...
Ajax-django-ajax.zip,django应用程序的快速而简单的ajax库。包含ajax decorator、ajax中间件、快捷方式等。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于...
Ajax-Django-test-website.zip,这个web应用程序涵盖了制作一个简单web应用程序的思想,它的主要功能是使用ajax、jquery在django的帮助下检查一封电子邮件是否已经在数据库中注册。整个web应用程序由django、html和...
这本书的标题《Django JavaScript AJAX and jQuery使用教程》透露了其核心内容,即向读者介绍如何在Django框架中集成JavaScript,特别是通过使用AJAX和jQuery这两个强大的工具来创建Web应用程序。AJAX(Asynchronous...
### Django与JavaScript集成:AJAX和jQuery #### 一、引言 《Django JavaScript Integration AJAX and jQuery》这本书深入探讨了如何将Django框架与JavaScript技术(包括AJAX和jQuery)进行有效集成,以构建现代化...
- 使用JavaScript(可能是jQuery或者其他库)发送Ajax请求到Django服务器的特定URL。 - Django接收到请求后,执行相应的视图函数,可能涉及到数据库查询或业务逻辑处理。 - 视图函数处理完数据后,将结果转化为JSON...
Ajax请求接口,Django框架下从该接口接收Ajax发送的json数据,同时将新的json数据返回给Ajax,Ajax收到后在js进行处理,然后和页面内容交互。整个数据前后端交互全部采用json格式。代码高度封装,只需要更改json内容...
框架html + css + jquery + django + MySQL + orm + Hadoop + hbase + hive + hdfs 用户类型 管理员 admins qwe123!@# 普通用户 qqq qwe123!@# 模块介绍 管理员 登录模块 首页模块 各种字段模块管理 退出系统 ...
通过Django的Form方式上传文件,简单,但无法局部刷新实现ajax效果; 通过js或jQuery方式,需要使用FormData对象,仍有些浏览器不兼容; 通过Form+iframe方式上传文件,兼容性最好。 里面含有全部源代码。
在Django中,jQuery的AJAX技术被广泛用于实现页面的无刷新数据交互,提高用户体验。本实例将详细讲解如何在Django项目中利用jQuery的AJAX方法与后端进行数据交换。 首先,jQuery框架提供了$.ajax、$.get、$.post等...