flask和ajax结合实现前后端分离的ip归属地查询系统

通过前台界面可以查询ip归属地信息。首选后台我这边选择用轻量级的web框架flask写后台接口,后台接口应该支持传入ip,然后前台将ip的值传入后台,后台通过调用接口,将结果返回给后台。
flask后台代码

@app.route('/api/ip')
def ip():
    ip=request.args.get('ip')
    url='http://ip.taobao.com/service/getIpInfo2.php?ip=%s' %(ip)
    result=requests.get(url).json()
    city=result['data']['city']
    result1=dict(city=city)
    return jsonify(result1)

前台部分首选获取输入ip的值,然后调用ajax将结果渲染到result元素中去

function ajax_ip() {


   //var ip=$('#ip').var();
   var ip=$('#ip').val();###获取传入的ip值
   console.log(ip)
   $.ajax({url:'http://127.0.0.1:5000/api/ip',
   type:'get',
   data:{ip},
   success:function(data){
    var re="
    "; re+="
  • 城市:"+data.city+'
  • '
    ; re+="
  • ip:"+ip+'
  • '
    ; re+="
"
$('#result_ip').html(re) }, }); } //$("#search").on("click",getTrainList);

欢迎关注本人公众号。运维开发系列将持续更新
flask和ajax结合实现前后端分离的ip归属地查询系统_第1张图片

你可能感兴趣的:(python,web)