title: Sending POST request with JQuery on Select box change
body: <p>I try to send a POST request as I change the select box for my page running on local host.</p>
  
  <p>Here are my codes;</p>
  
  <p>This is my Flask function that shoudl respond to POST</p>
  
  <pre><code>@app.route('/chng_clf', methods=['POST', 'GET'])
  def change_clf():
      clf_name = flask.request.args.get('clf_name', '')
      print clf_name
  </code></pre>
  
  <p>This is the Jquery code doing AJAX in </p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
          $("#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);
                          }
               });
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>This is the select box in </p>
  
  <pre><code>&lt;select id="select_clf"&gt;
            &lt;option value="scene"&gt;Scene Model&lt;/option&gt;
            &lt;option value="object"&gt;Object Model&lt;/option&gt;
            &lt;option value="clothes"&gt;Clothes Model&lt;/option&gt;
            &lt;option value="concept"&gt;Concept Model &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>However for some reason I cannot get any change after I change the select box. Could you point the problem about this code?</p>