javascript - 如何在 jQuery 中获取 POST 变量

Question

这个问题已经有答案了:

已关闭 11 年前。

Possible Duplicate:
how to get GET and POST variables with JQuery?

我有以下 HTML:

<form action='.' method='post'>{% csrf_token %}
    <div class="parameters">
        Show
            <select name="earnings_filter">
                <option value="all">Total earnings</option>
                <option value="hd">HD earnings</option>
                <option value="sd">SD earnings</option>
            </select>
        <input type="submit" name="submit" class="submit float-right" value="submit" id="submit_financials"/>
    </div>
</form>

我需要用这个进行 ajax 调用，我正在触发它:

$("#submit_financials").live('click', function(){
    ...
});

有没有办法获取 POST 中提交的变量，例如选择了哪个选项(我还需要获取大约 10 个其他变量)。或者我是否需要使用 jQuery 选择器来获取每个选择器的值？

Answer 1

$("#submit_financials").live('click', function(){
    $.ajax({
      url: '', // script url to send
      method: 'POST', // method of sending
      data: $('form').has(this).serialize(),  // .serialize() make query string with form inputs name and value
      dataType:'json',  // expected data format returned from server, you may have something else
      success: function(response) {
          // response contains data returned from server
      }
    });
});

如果您使用的是 jQuery > 1.7，最好将 live() 替换为 .on()，如果可能的话会更好。这样就可以写了

$("#container").on('click', '#submit_financials', function(){
    $.ajax({
      url: '', // script url to send
      method: 'POST', // method of sending
      data: $('form').has(this).serialize(),  // .serialize() make query string with form inputs name and value
      dataType:'json',  // expected data format returned from server, you may have something else
      success: function(response) {
          // response contains data returned from server
      }
    });
});

这里#container指向页面加载时属于DOM的#submit_financials的持有者。