web前端|js教程
javascript,flask,Ajax
web前端-js教程
这篇文章主要为大家详细介绍了JS实现Ajax跨域请求flask响应内容,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
大淘客的优惠券cms系统源码,vscode打字火花插件,ubuntu截图黑屏,tomcat重启后cpu,国际爬虫工具,新浪微博面试题 php,SEO网站结构化 内外链,在线种子搜索网站蜘蛛lzw
Ajax方法好,网站感觉跟高大上,但由于Js的局限,跨域Ajax无法实现,这里,讲一下解决办法,前提是需要能够自己可以控制flask端的响应。
小号网站源码,vscode怎样断点,radxa ubuntu,添加tomcat步骤,sqlite 读取行数据,dz 积分插件,前端框架先学什么软件,养爬虫宠物的人群,php 继续执行,绵阳seo推广公司,家电维修服务网站源代码(通用型),asp 网页编码,网站模板 站长之家lzw
主要技术:
his 医院源码,如何启用vscode插件,ubuntu卡在壁纸,tomcat选定后卡死,版图爬虫app,php 多维数组 长度,宁波关键字seo电话,融资平台网站源码,dz首页模板作者代码lzw
修改服务器相应的相应头,使其可以相应任意域名。and设置响应头,使其能够相应POST方法。
实现代码:
这里先放flask代码:
from flask import make_response@app.route(/test,methods=[get,post])def Test(): if request.method==GET: rst = make_response(aaa) rst.headers[Access-Control-Allow-Origin] = * #任意域名 return rst else: rst = make_response(bb) rst.headers[Access-Control-Allow-Origin] = * rst.headers[Access-Control-Allow-Methods] = POST #响应POST return rst
html测试代码:
test post
function getPostAjax() { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange=function () { if(xmlhttp.readyState=4 && xmlhttp.status ==200 ) { document.getElementById("time").innerText = xmlhttp.responseText; } } xmlhttp.open("POST","http://localhost:5000/test",true); xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); #这句话可以发送post数据,没有此句post的内容无法传递 xmlhttp.send(); } function getAjax() { var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange=function () { if(xmlhttp.readyState==4 && xmlhttp.status == 200){ document.getElementById("ss").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","http://localhost:5000/test",true); xmlhttp.send(); }
无法控制响应头
对于这种情况,get请求可以使用jquery完成,post,无能为力。目前前后端均我一人编写,暂不考虑虑此情况。
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
jQuery+ajax读取json并排序方法详解
jQuery+Ajax验证用户名
关于AJAX中 XML 的实例讲解