Django往前端（Ajax）传列表及字典

最新推荐文章于 2022-10-13 16:41:38 发布

dengshign16357

最新推荐文章于 2022-10-13 16:41:38 发布

阅读量1k

点赞数

文章标签： python 前端 json ViewUI

原文链接：http://www.cnblogs.com/mocean/p/6530738.html

版权

Django往前端（Ajax）传列表及字典

有时候我们需要在不刷新的情况下载入一些内容，在网页的基本知识中我们介绍了 ajax 技术。

在本文中讲解如何用 Django 来实现不刷新网页的情况下加载一些内容。

由于用 jQuery 实现 ajax 比较简单，所以我们用 jQuery库来实现，下面也有例子提供下载。

本节有多个实例提供下载，通过看代码可以更快的学习。

一个例子，我们要实现的是在不刷新的情况下显示计算结果到页面上。

修改 index.html 文件

<!DOCTYPE html>
<html>
<body>
<p>请输入两个数字</p>
<form action="/add/" 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 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("

最低0.47元/天解锁文章

dengshign16357

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Django往前端（Ajax）传列表及字典

Django往前端（Ajax）传列表及字典有时候我们需要在不刷新的情况下载入一些内容，在网页的基本知识中我们介绍了 ajax 技术。在本文中讲解如何用 Django 来实现不刷新网页的情况下加载一些内容。由于用 jQuery 实现 ajax 比较简单，所以我们用 jQuery库来实现，下面也有例子提供下载。本节有多个实例提供下载，通过看代码可以更快的学习。一个...
复制链接

扫一扫