在选择框更改时使用JQuery发送POST请求

Sending POST request with JQuery on Select box change

本文关键字:JQuery 发送 POST 请求 选择      更新时间:2023-09-26

当我更改在本地主机上运行的页面的选择框时,我试图发送POST请求。

这是我的密码;

这是我的烧瓶函数,应该对POST 做出响应

@app.route('/chng_clf', methods=['POST', 'GET'])
def change_clf():
    clf_name = flask.request.args.get('clf_name', '')
    print clf_name

这是在中执行AJAX的Jquery代码

    <script type="text/javascript">
        $("#select_clf").on("change",function() {
             $.ajax({  
                        type: "GET"
                        url: 'chng_clf',
                        data: { 
                        'clf_name': $(this).val(), 
                        },
                        success: function(msg){
                            alert('wow' + msg);
                        }
                        error: function(msg){
                            alert('wow!!' + msg);
                        }
             });
        });
    </script>

这是中的选择框

<select id="select_clf">
          <option value="scene">Scene Model</option>
          <option value="object">Object Model</option>
          <option value="clothes">Clothes Model</option>
          <option value="concept">Concept Model </option>
</select>

但是,由于某些原因,我在更改选择框后无法获得任何更改。你能指出这个代码的问题吗?

尝试将cache:false添加为ajax对象的属性-可能是浏览器正在将请求/响应缓存到服务器

问题基本上是一个noob。我添加了覆盖js的$(document).ready(function(){...});,然后现在一切都很好。