django ajax通过页面传递数据

最新推荐文章于 2024-03-10 11:15:00 发布

原创最新推荐文章于 2024-03-10 11:15:00 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

help 专栏收录该内容

26 篇文章

订阅专栏

本文介绍如何在Django框架下利用Ajax技术实现在不同页面间传递数据，提升用户体验，避免页面刷新。内容包括Ajax的基本原理、Django视图处理Ajax请求的方法以及前端JavaScript与后端交互的实现细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是测试json</title>
    <script src="../static/jquery-1.11.2.min.js"></script>
    <script>

        $(document).ready(function () {


              $.ajax({
                        url:'/user/ajaxshow',  //提交到那里
                        method:'GET',   //提交类型
                        contentType:'application/json',  //data只能是json字符串
                        dataType:'json',  //提交的数据类型
                        success:function (data) {  //success不会直接运行，当服务器有数据传输过来才会触发执行。匿名函数必须要有一个参数，用来接受数据，data用来接受是服务器端返回字符串数据
                            alert(data.usrnames)
                            var user_list   = data.usrnames
                            for (var i = 0; i < user_list.length; i++) {
                                {#alert(user_list[i])#}
                                $('#show').append('<li>' + user_list[i] + '</li>')
                            }
                        }

    })
        })








    </script>
</head>
<body>

这是测试ajax的页面
<input type="button" value="提交请求" id="btn">
此处填写用户全部信息
<ul id="show">