Question

因此，我从使用css和jQuery的模板获取用户输入，然后按需将数据发布回去。但是，我无法访问数据，因为我认为它没有被回发。

我相信我的Ajax代码无法识别点击，有人可以帮助我。我花了一整天的时间来弄清楚我在做什么错。

#This is main code
from bottle import run, route, request, template, static_file, post

def main():

    #This is main code
    @route('/assets/<filepath:path>')
    def server_static(filepath):
        return static_file(filepath, root='./Gui/assets')

    @route('/')
    def home():
        return template('indexTest')

    @post('/home')
    def home():
        radius=request.forms['radius']
        noTr=request.forms['noOdTurbines']
        result=radius+noTr
        return ({'result': result})

if __name__ == '__main__':
    main()
run(host='localhost', port=8080, debug=True)

这是jQuery代码

<!DOCTYPE html>
<html>
<head>
<title>AJAX Example</title>

<script  type="text/javascript">
 $(document).ready(function(){

        $('form').on('submit',(function(event){

            $.ajax({
                type: "POST",
                url: "/home"
                data: {
                    radius: $('#radius').val(),
                    noOfTurbines: $('#noOfTurbines').val()
             },
             error:function(){
             alert('Error: something is wrong with values!!')
             }


            })

        event.preventDefault();


       });
     }));

 </script>

</head>
<body>
<form method="POST" action="/home">
<div id="exampleAccount" role="tabpanel">
    <div id="exampleAccountForm">
        </div>
  <div>
      <label for="radius">Radius of Swept-Area of Wind turbine: 
 </label>
            <input type="text"  id="radius" required>
        </div>
         <div >
            <label for="noOfTurbines">Number of Wind turbines: </label>
            <input type="text"  id="noOfTurbines" required>
        </div>
    </div>
  </div>
  <div >
    <button type="submit" class="btn btn-default" 
                          id="submit">Finish</button>
       </div>
   </form>
   </body>
   </html>

Answer 1

我的multidict的request.forms类型有问题，所以我转换为dict，这解决了我所有的问题。我通常将post和string URL对象合并为一个，以使其更加灵活。

def merge_dicts(*args):
    result = {}
    for dictionary in args:
        result.update(dictionary)
    return result

payload = merge_dicts(dict(request.forms), dict(request.query.decode()))

请记住，该瓶子在帖子中使用name而不是form元素的id。因此，请确保所有输入都有一个name。

（在您的示例中看不到）

为什么获取值后我的POST无法正常工作

1 个答案: