在线html显示页面,如何使html页面显示出来?

好吧,我要读点书。我不指望有人再回答了。谢谢大家的回复。你知道吗

编辑:

好吧,在问这个问题之前我应该多读点东西。让我试着重新表述一下我想做的事。你知道吗

我正在尝试访问下面定义的html页面。我想在文本框中输入文本,然后在flask中定义的api函数中处理该文本。然后我想在html页面中输出的结果。

我试图找到更多的资源,但我是新的html和烧瓶和挣扎。

任何提示都会被告知。你知道吗

我的应用程序类型文件:from flask import Flask, request, jsonify

from flask_cors import CORS

from serve import get_model_api

app2 = Flask(__name__)

CORS(app2) # needed for cross-domain requests, allow everything by default

model_api = get_model_api()

# default route

@app2.route('/')

def index():

return "Index API"

# HTTP Errors handlers

@app2.errorhandler(404)

def url_error(e):

return """

Wrong URL!

{}
""".format(e), 404

@app2.errorhandler(500)

def server_error(e):

return """

An internal error occurred:

{}

See logs for full stacktrace.

""".format(e), 500

# API route

@app2.route('/api', methods=['POST'])

def api():

input_data = request.json

output_data = model_api(input_data)

response = jsonify(output_data)

return response

if __name__ == '__main__':

app2.run(host='0.0.0.0', port=81, debug=True)

html文件:

你知道吗

Find Entities

Get random Tweet

function api_call(input) {

// hide button and make the spinner appear

$('#btn').toggle();

$('#spinner').toggle();

$.ajax({

url: "0.0.0.0:81/api",

method: 'POST',

contentType: 'application/json',

data: JSON.stringify(input),

success: function( data, textStatus, jQxhr ){

// toggle the spinner and button

$('#btn').toggle();

$('#spinner').toggle();

// fill the html for answer

$('#api_input').html( data.input );

$('#api_output').html( data.output );

$("#input").val("");

},

error: function( jqXhr, textStatus, errorThrown ){

$('#btn').toggle();

$('#spinner').toggle();

$('#api_input').html( "Sorry, the server is asleep..." );

$('#api_output').html( "Try again in a moment!" );

console.log( errorThrown );

},

timeout: 3000 // sets timeout to 10 seconds

});

}

$( document ).ready(function() {

// request when clicking on the button

$('#btn').click(function() {

// get the input data

var input = $("#input").val();

api_call(input);

input = "";

});

});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值