【JavaScript40】jquery发送jsonp
jquery中也提供了jsonp请求
- 服务器端
from flask import Flask, render_template, request, make_response
app = Flask(__name__)
@app.route("/")
def func0():
news = "这是一个完整的html页面"
return render_template("index.html",
xwl_de_news=news,)
# jsonp的逻辑
@app.route("/new_ajax",methods=["GET", "POST"])
def funccccc():
cb = request.args.get("zhoujielun")
uname = request.args.get('uname')
age = request.args.get('age')
print(uname, age)
resp = make_response(f"{cb}('哈哈');") # 返回的是js代码
return resp
if __name__ == '__main__':
app.run()
- 客户端
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 注意, 浏览器访问静态资源, 没有跨域问题. -->
<script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
我是一个完整的html
<button id="bbb">我是按钮</button>
<script>
$("#bbb").click(function(){
let url = "http://127.0.0.1:5000/new_ajax?uname=xwl&age=18";
$.ajax({
url: url,
method: "get",
dataType:"jsonp",
jsonp: "zhoujielun", // callback
success: function(data){
// jquery的ajax返回值. 直接找success
console.log("接受到的数据是", data);
}
});
});
</script>
</body>
</html>
分类:
JavaScript
标签:
JavaScript
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
2022-08-12 【pytest】pytest.ini配置文件(markers,addopts)
2022-08-12 【pytest】pytest.ini配置base_url切换环境运行