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

最新推荐文章于 2024-04-28 20:51:35 发布

置顶江南剑雨

最新推荐文章于 2024-04-28 20:51:35 发布

阅读量424

点赞数 1

分类专栏： python web

本文链接：https://blog.csdn.net/u011533425/article/details/102892071

版权

python 同时被 2 个专栏收录

24 篇文章 1 订阅

订阅专栏

web

17 篇文章 1 订阅

订阅专栏

通过前台界面可以查询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="<ul>";
    re+="<li>城市："+data.city+'</li>';
    re+="<li>ip："+ip+'</li>';
    re+="</ul>"
   $('#result_ip').html(re)
   },
   });
   }

//$("#search").on("click",getTrainList);