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="<ul>";
    re+="<li>城市："+data.city+'</li>';
    re+="<li>ip："+ip+'</li>';
    re+="</ul>"
   $('#result_ip').html(re)
   },
   });
   }

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

歡迎關注本人公衆號。運維開發系列將持續更新