`

jquery ajax, django的sample

 
阅读更多

通过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交互源码实现

    项目概述:本项目是基于Python中流行的Django框架,结合jQuery AJAX技术实现的前后端交互应用。通过使用POST和GET请求,实现了数据的异步处理。项目主要采用Python语言编写,同时包含了JavaScript、HTML、Shell、CSS...

    jquery-django-form-源码.rar

    《jQuery与Django整合构建表单的深度解析》 在Web开发领域,jQuery与Django是两个非常重要的工具。jQuery,作为一个轻量级的JavaScript库,简化了DOM操作、事件处理以及Ajax交互,极大地提高了前端开发效率。而...

    django ajax异步请求Django的Ajax库3813428.zip

    在Django中,我们通常使用jQuery库,它提供了便捷的Ajax函数,如`$.ajax()`和`$.get()`、`$.post()`等,使得发送Ajax请求变得简单。 **一、创建Ajax请求** 在前端,我们通常在JavaScript或jQuery代码中创建Ajax...

    Django结合ajax进行页面实时更新的例子

    在Web开发中,Django和Ajax的结合使用可以极大地提升用户体验,通过无刷新的方式实现实时页面更新。本文将详细讲解如何在Django框架下利用Ajax实现数据的动态更新。 首先,我们需要理解Django和Ajax的基本概念。...

    Django-template:具有bootstrap 5和jquery的Django模板

    Django模板-带引导 重命名您的项目 添加模型后未测试! 确保在项目早期进行 python rename.py oldName newName 如果您没有安装烧瓶,请运行 pip3 install django or pip install django 启动服务器 python manage.py...

    基于Jquery和Django的Python个人博客开发设计源码

    该项目是一款基于Python语言的个人博客系统,采用Jquery和Django进行前后端开发。项目包含221个文件,其中包括96个JavaScript文件、27个CSS文件、16个JPG图片、11个Python编译文件、11个Python源文件、11个HTML文件...

    Django + jquery + json 实例实现 在此记录

    在本实例中,我们将探讨如何使用Django框架与jQuery库以及JSON数据格式来构建一个功能性的Web应用。Django是一个强大的Python Web框架,它提供了一整套解决方案来处理后端逻辑,而jQuery则是一个广泛使用的...

    Ajax-django-ajax.zip

    Ajax-django-ajax.zip,django应用程序的快速而简单的ajax库。包含ajax decorator、ajax中间件、快捷方式等。,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于...

    Ajax-Django-test-website.zip

    Ajax-Django-test-website.zip,这个web应用程序涵盖了制作一个简单web应用程序的思想,它的主要功能是使用ajax、jquery在django的帮助下检查一封电子邮件是否已经在数据库中注册。整个web应用程序由django、html和...

    Django JavaScript AJAX and jQuery使用教程

    这本书的标题《Django JavaScript AJAX and jQuery使用教程》透露了其核心内容,即向读者介绍如何在Django框架中集成JavaScript,特别是通过使用AJAX和jQuery这两个强大的工具来创建Web应用程序。AJAX(Asynchronous...

    Django JavaScript Integration AJAX and jQuery.pdf

    ### Django与JavaScript集成:AJAX和jQuery #### 一、引言 《Django JavaScript Integration AJAX and jQuery》这本书深入探讨了如何将Django框架与JavaScript技术(包括AJAX和jQuery)进行有效集成,以构建现代化...

    pyecharts_Django_Ajax_web前后端分离demo.zip

    - 使用JavaScript(可能是jQuery或者其他库)发送Ajax请求到Django服务器的特定URL。 - Django接收到请求后,执行相应的视图函数,可能涉及到数据库查询或业务逻辑处理。 - 视图函数处理完数据后,将结果转化为JSON...

    Ajax请求django返回json数据到前端

    Ajax请求接口,Django框架下从该接口接收Ajax发送的json数据,同时将新的json数据返回给Ajax,Ajax收到后在js进行处理,然后和页面内容交互。整个数据前后端交互全部采用json格式。代码高度封装,只需要更改json内容...

    基于Python大数据招聘分析系统 框架html + css + jquery + django + MySQL + orm +

    框架html + css + jquery + django + MySQL + orm + Hadoop + hbase + hive + hdfs 用户类型 管理员 admins qwe123!@# 普通用户 qqq qwe123!@# 模块介绍 管理员 登录模块 首页模块 各种字段模块管理 退出系统 ...

    通过Django的form及Ajax等多种方式上传文件

    通过Django的Form方式上传文件,简单,但无法局部刷新实现ajax效果; 通过js或jQuery方式,需要使用FormData对象,仍有些浏览器不兼容; 通过Form+iframe方式上传文件,兼容性最好。 里面含有全部源代码。

    Django中使用jquery的ajax进行数据交互的实例代码

    在Django中,jQuery的AJAX技术被广泛用于实现页面的无刷新数据交互,提高用户体验。本实例将详细讲解如何在Django项目中利用jQuery的AJAX方法与后端进行数据交换。 首先,jQuery框架提供了$.ajax、$.get、$.post等...

Global site tag (gtag.js) - Google Analytics