当我从Google Map API传递json数据时，为什么会出错？

Question

def map():
if request.method == 'POST':
    key = "googleMapAPIkey"
    orilist = request.form['from'].split()
    deslist = request.form['to'].split()
    mode = request.form.get('traffic_mode')
    ori = ""
    des = ""
    for word in orilist:
        ori = ori + word + "+"
    ori = ori[:-1]
    for word in deslist:
        des = des + word + "+"
    des=des[:-1]
    url = "https://maps.googleapis.com/maps/api/directions/json?origin="+ori+\
          "&destination="+des+"&key="+key
    print ori,des,mode,url
    r = requests.get(url)
    direction1 = r.json()

    markerArray = []
    print json.dumps(direction1)
    return render_template('googlemap.html', direction1=json.dumps(direction1), ori=request.form['from'], des=request.form['to'], mode=mode,method='POST')
else:
    print request.method
    return render_template('index.html',method='GET')

这是模板脚本

var routes = {{ directions1|tojson }};
var start_point = {{ ori }};
var end_point = {{ des }};
var mode = {{ mode }};
function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: 42.880230, lng: -78.878738},
        zoom: 8
    });
    var renderer = new google.maps.DirectionsRenderer();

    var request = {
    travelMode: mode,
    origin: start_point,
    destination: end_point
    };
    renderDirections(map,routes,request)
}

我使用了google api来获取响应，并尝试将此值传递到客户端。 我确定我得到了JSON格式的字符串，并且当我尝试打开W​​eb时，出现了“ TypeError：Undefined is not JSON serializable”

Answer 1

您正在尝试从尚未定义的变量中获取路线。

没有来自后端的directions1 。 尝试direction1 。 （或在render_template()重命名它以使其匹配）。

---

最佳做法： 复制/粘贴变量名。 即使您输入错误，您的代码仍然可以使用。

另外，最好注意错误文本本身： “ Undefined is ...的意思就是：您传递的而不是JSON可序列化对象的任何信息都是undefined 。

看到此错误时，您首先要做的是：转至render_template() ，双击变量名称以选择它，然后将其复制/粘贴到js中。 即使“看起来”相同。