jsonp 使用示例 (Flask + python)

WEB端:

	// 得到信息后的回调函数
	var flightHandler = function(data){
		console.log(data);
	};
	$.ajax({
		type: "get",
		async: false,
		url: "https://192.168.0.174:443/ex1/main_jp?a0=1741&a1=123456&a99=logincheck_jp",
		dataType: "jsonp",
		jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback)
		jsonpCallback:"flightHandler",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据
		success: function(json){
			console.log(json);
		},
		error: function(){
			console.log('fail');
		}
	});

Server端:


def logincheck_jp():
	uCode = request.args.get('a0')
	pW = request.args.get('a1')
	mac = request.args.get('m1')
    return "{\"result\":true,\"info\":\"Login Success\"}"


@jsonp.route('/main_jp',methods=['GET', 'POST'])
def main_jp():
	func = request.args.get('callback')
	functype = request.args.get('a99')
	reload(sys)
	sys.setdefaultencoding('utf-8')
	if functype == "logincheck_jp":
		results = logincheck_jp()
	return_value = func+"("+json.dumps(results)+")"
	return return_value

注意:1、jsonp 只能用于get请求

2、循环调用ajax的时候,由于循环的结果参数都在变化,如果回调函数需要获取调用ajax时作用域空间的值,则使用success, 
如果使用jsonpCallback,获取值可能会混乱。

3、在使用JQuery Ajax的JSONP callback方式解决跨域访问问题时,设置async为false,仍然无法实现同步调用,经查官网发现,JQuery官网已经针对async属性作用效果做了明确说明,不支持dataTypes为jsonp的请求。默认为true
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值