helloxielan 2016-11-16 16:37 采纳率: 0%
浏览 162

python AJAX FLASK GET刷新

It is my first post here I always find useful information but this time my turn to be dry!

I am trying to display and refresh the data bid & ask on the html , the data are generated in a python module . I am trying to do that with jQuery and Ajax.

Here is the JSON I am sending, to be more precise I intend to send a list with each pair of currencies, here a single entry for USDJPY.

{'Bid': 109.355, 'Ask': 109.368}

Here is the python code:

import oandapy
from flask import Flask,render_template,request,jsonify

app = Flask(__name__)

def getspot():
    oanda = oandapy.API(environment="practice", access_token="XXXXX")

    response = oanda.get_prices(instruments="USD_JPY")

    prices = response.get("prices")

    #posts =  {"Bid": biding_price,"Ask" : asking_price}
    posts = [dict(Bid=prices[0].get("bid"),Ask=prices[0].get("ask"))]

    return posts


@app.route('/_update_USDJPY',methods=["GET"]) 
def getUSDJY():

    return jsonify(getspot())

@app.route('/',methods=["GET"]) 
def index():

    posts = getspot()

    return render_template("basic2.html")

if __name__=="__main__":
    app.run()

Here is my html page:

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

<script type=text/javascript>
setInterval(                               
  function()
  {
     $.getJSON(                            
        $SCRIPT_ROOT + '_update_USDJPY',     
        {},                                
        function(data)                    
        {
          $("#post").text(data.post);                              

        });
  },
  500); 

</script>


{% block content %} 
    {% for post in posts %} 
        <strong>Ask:</strong> {{ post.Ask }} 
        <strong>Bid:</strong> {{ post.Bid }}
        <br>
    {% endfor %} 
{% endblock %} 

Thank you in advance.

  • 写回答

1条回答

  • weixin_33705053 2016-11-16 17:57
    关注

    add a script tag to our page that sets a global variable to the prefix to the root of the application. Something like this:

    <script type=text/javascript>
      $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
    </script>
    

    your javascript code would be something like this:

      $(function() {
          $.getJSON($SCRIPT_ROOT + '/_update_USDJPY', {
          }, function(data) {
            $("#post").text(data.post);
          });
          return false;
        });
      });
    

    in html:

    {% block content %} 
      {% for post in posts %}
        <strong>Ask:</strong> <div id='post'>{{ post }}</div> 
        <strong>Bid:</strong> <div id='post'>{{ post }}</div>
        <br>
      {% endfor %} 
    {% endblock %} 
    

    it's not tested just idea how it can be

    评论

报告相同问题?

悬赏问题

  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能