笔记大全

Python数据传到JS的方法

更新时间：2023-07-13

1. 前端 AJAX 请求接口获取 JSON 数据

可以通过前端 AJAX 请求接口获取 JSON 数据，然后在前端通过 JavaScript 解析 JSON 数据，实现数据传递。

$.ajax({
    url: "/api/get_data/",
    type: "GET",
    dataType: "json",
    success: function(response) {
        // 解析 JSON 数据并操作
        console.log(response);
    },
    error: function(xhr) {
        console.log(xhr.responseText);
    }
});

2. 前端后端通过 AJAX 传递参数与数据

可以通过前端 AJAX 请求传递参数，实现与后端交互，后端可以根据参数返回不同的数据。

$.ajax({
    url: "/api/get_data/",
    type: "GET",
    dataType: "json",
    data: {"param": "value"},
    success: function(response) {
        // 解析 JSON 数据并操作
        console.log(response);
    },
    error: function(xhr) {
        console.log(xhr.responseText);
    }
});

3. Flask 后端传递 JSON 数据

可以在后端使用 Flask 直接传递 JSON 数据，前端通过 AJAX 请求获取 JSON 数据。

from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/api/get_data', methods=['GET'])
def get_data():
    data = {"key": "value"}
    return jsonify(data)

if __name__ == '__main__':
    app.run()

4. Django 后端传递 JSON 数据

可以在后端使用 Django 直接传递 JSON 数据，前端通过 AJAX 请求获取 JSON 数据。

from django.http import JsonResponse

def get_data(request):
    data = {"key": "value"}
    return JsonResponse(data)

c语言编程笔录