Ajax+Flask实现前后端交互——一些坑的总结与反思

代码

function calculate() {
			ipcRenderer.send("CalSection")
			var data = {
				"opr": "add",
				"data": {
					"userName": "98997",
					"disc": "hudihiudhu",
					"expDate": "2",
					"ip": [
						"10.10.11.1",
						"10.10.11.2",
						"10.10.11.3"
					]
				}
			}

			$.ajax({
				type: "POST",
				url: '/getres',
				data: JSON.stringify(data),
				dataType: 'json',
				success: function (response) {
					console.log(response)
				}
			});
		}

from flask import Flask, render_template
from flask import request       #导入！！！！！！
import json,simplejson
app = Flask(__name__)

@app.route("/getres",methods=['POST','GET'])
def ReadJSON():
    headers = {
    "Content-Type": "application/json;charset=utf8"
    }
    data=request.args.get("data")
    if request.method == 'POST':
        a = request.get_data()
        dict1 = json.loads(a)
        return json.dumps(dict1["data"])

if __name__ == "__main__":
    # 启动, 启动后访问 http://127.0.0.1:5858 查看
    app.run(debug=True,host='127.0.0.1', port=5858)    

出现bug：ajax无法传递数据到flask

出现的bug：
.1.ajax的url出现错误，无法识别路径
2.传输的数据类型参差不齐没能被识别

解决方法

1.将url改为全局路径
$.ajax({
type: “POST”,
url: ‘http://127.0.0.1:5858/getres’,
data: JSON.stringify(data),
dataType: ‘json’,
success: function (response) {
console.log(response)
}
});
2.前端传递的时候用json格式
data: JSON.stringify(data),
dataType: ‘json’,
后端：
a = request.get_data() 字符串
dict1 = json.loads(a) 转化为字典
return json.dumps(dict1[“data”]) 字典再转化为json进行返回，前端接收后可以展示