从Python传递JSON到JavaScript

最新推荐文章于 2023-11-06 15:45:46 发布

weixin_30469895

最新推荐文章于 2023-11-06 15:45:46 发布

阅读量242

点赞数

文章标签： python json javascript ViewUI

原文链接：http://www.cnblogs.com/ldlchina/p/4426018.html

版权

OS: Windows 8.1 with update

关键字：Python 3.4，HTML5，JSON，JavaScript

1.LocalServer.py，启动server，打开网页，传递JSON。

from threading import Thread
import time
import webbrowser
import http.server
import socketserver
import json
import os

port_number = 8000

server = None
def startServer(port):
    originDir = os.getcwd()
    os.chdir(os.path.dirname(os.path.realpath(__file__)))
    Handler = http.server.SimpleHTTPRequestHandler
    global server
    server = socketserver.TCPServer(("", port), Handler)

    print("serving at port", port)
    server.serve_forever()
    os.chdir(originDir)

def start(port):
    thread = Thread(target=startServer, args=[port])
    thread.start()
    time.sleep(2) #Wait to start the server first

def test():
    if not server:
        print("Failed to start server")

    url = "http://localhost:" + str(port_number) + '/' + 'index.html'
    url += "?number="
    url += "1"
    
    jsonObj = {
        "person": {
            "name": "Jack",
            "age": 20
        }
    }
    
    jsonStr = json.dumps(jsonObj)
    url += "&person="
    url += jsonStr
    webbrowser.open(url)
    print(url + " is opened in browser")

def stop():
    if server:
        server.shutdown()

if __name__ == "__main__":
    start(port_number)
    test()

2.index.html, 接受JSON string，转换成JSON object。

<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
</head>

<body>
    <script>
        function getQueryStringByName(name){
             var result = location.search.match(new RegExp("[\?\&]" + name+ "=([^\&]+)","i"));
             if(result == null || result.length < 1){
                 return "";
             }
             return result[1];
        }
        
        var personStr = getQueryStringByName('person');
        personStr = decodeURIComponent(personStr);
        var personObj = JSON.parse(personStr);
        alert(personStr);
    </script>
</body>
</html>

3.把LocalServer.py和index.html放到同一个文件夹下面。运行LocalServer.py。

4.LocalServer.py也可以被其他py文件调用。例如添加test.py如下

import LocalServer

LocalServer.start(8000)
LocalServer.test()

5.运行test.py，将看到同样的结果。

转载于:https://www.cnblogs.com/ldlchina/p/4426018.html

weixin_30469895

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
从Python传递JSON到JavaScript

OS: Windows 8.1 with update关键字：Python 3.4，HTML5，JSON，JavaScript1.LocalServer.py，启动server，打开网页，传递JSON。from threading import Threadimport timeimport webbrowserimport http.serverimport...
复制链接

扫一扫