Question

我正在使用Flask，html和Ajax。

html代码：

  <script type=text/javascript>
    $(function() {
      $('a#calculate').bind('click', function() {
        $.getJSON('/_add_numbers', {
          a: $('input[name="a"]').val(),
          b: $('input[name="b"]').val()
        }, function(data) {
          $("#result").text(data.result);
        });
        return false;
      });
    });
  </script>
    <input type="text" size="5" name="a"> +
    <input type="text" size="5" name="b"> =
    <span id="result">?</span>
    <a href="javascript:void();" id="calculate">calculate server side</a>

Python代码：

@app.route('/_add_numbers')
def add_numbers():
    a = request.args.get('a', 0, type=int)
    b = request.args.get('b', 0, type=int)
    return jsonify(result=a + b)

我想删除文字输入“，如何通过以下代码（html代码）发送参数来运行？

<a href="javascript:void();" id="calculate">calculate server side</a>

例如：

<a href="javascript:void();" id="calculate(10,15)">calculate server side</a>

Answer 1

您可以将数据存储在data-attributes。

中

E.g。 <a href="javascript:void();" data-calculate-one="10" data-calculate-two="15">calculate server side</a>

只需通过jQuery获取这些值并将它们发送到服务器端。

如何将参数从html代码发送到ajax？

1 个答案: