Python中将JSON作为参数传递至JavaScript

JSON是一种轻量级的数据交换格式，其在Web开发中广泛使用。前端JavaScript可以轻易地解析JSON数据，而Python也提供了方便的JSON处理模块。在Python中将JSON作为参数传递至JavaScript也非常简单。

准备工作

首先需要安装简单的 web 应用程序框架 Flask，其可以很容易地实现前端（HTML+JS）和后端（Python）之间的数据交换。可以使用以下命令安装：

pip install flask

Python端

在Python端，数据经常以dict类型处理，需要将之转换为JSON格式，使用Python内置的 json 模块。以下代码段演示了如何将一个dict对象转换为JSON格式：

import json

data = {
    'name': 'John',
    'age': 28,
    'city': 'New York'
}
# 将dict对象转为JSON
json_data = json.dumps(data)

在Flask中，可以使用 jsonify 模块将JSON格式的数据返回给前端。如下面的代码即为将JSON格式的数据作为参数传递至前端：

from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/')
def index():
    # 将JSON格式的数据返回至前端
    return jsonify(data)

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

JavaScript端

在前端JavaScript中，需要通过AJAX来获取Python返回的JSON数据。以下代码能够获取Python端传递过来的JSON格式的数据，然后打印到控制台中：

// 使用AJAX获取JSON
var xhr = new XMLHttpRequest();
xhr.open("GET", "/"); // Flask默认使用GET请求获取JSON
xhr.onreadystatechange = function() {
    if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
        // 解析JSON格式的数据并打印到控制台
        var data = JSON.parse(this.responseText);
        console.log(data);
    }
};
xhr.send();

结论

本文演示了如何在Python中将JSON格式的数据作为参数传递至前端JavaScript。需要将dict对象转为JSON格式的数据，然后使用Flask返回至前端。前端通过AJAX来获取JSON格式的数据，再通过JSON.parse()方法解析JSON数据。