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