分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

flask ajax

发布时间:2023-09-06 02:02责任编辑:董明明关键词:暂无标签

学习ajax请求,随便弄了一个本地页面,填了一个本地启动的一个flask后台,先出现了:

(No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.)应为是填的类似http://192.168.253.1:5000/test_ajax/"的地址出现了跨域访问的问题;

参考了https://blog.csdn.net/zhoucheng05_13/article/details/53580683,ajax中添加了dataType: ‘jsonp‘解决了跨域问题,使用jsonp后又有callback验证问题,开始以为直接翻字符串就可,没想打还有验证(Uncaught ReferenceError:),可以看看这个https://blog.csdn.net/zhoucheng05_13/article/details/78694766;

前端代码

<script type="text/javascript" src="./files/jquery-1.8.2.min.js"></script><script type="text/javascript">function loadXMLDoc(){ ???$.ajax( ???????{ ???????????url:"http://192.168.253.1:5000/test_ajax/", ?????????//本地后台提供的url ???????????dataType: ‘jsonp‘, ???????????jsonp:"callback", ??????????????//callback可以设置成其他,后台验证时就需要对应改变 ???????????success:function(result){ ???????????????console.log(result) ???????????????alert(result) ???????????} ???????} ???)}</script>


<div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改内容</button>

 

后端代码

@app.route(‘/test_ajax/‘)def test_ajax(): ???callback = request.args.get(‘callback‘) ???return callback + ‘("hello")‘

flask ajax

原文地址:https://www.cnblogs.com/liuda9495/p/9253327.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved