Question

所以我有这个选择字段：

        <select name="year" id = "year" class="dropdown-select">
            <option value="2005">All Years</option>
            <option value="2013">2013</option>
            <option value="2012">2012</option>
            <option value="2011">2011</option>
            <option value="2010">2010</option>
            <option value="2009">2009</option>
            <option value="2008">2008</option>
            <option value="2007">2007</option>
            <option value="2006">2006</option>
        </select>

我有这个jquery可以在选择新值时随时获取所选值：

$("#year").change(function() {
    input_year =  parseInt($(this).val());
});

我的问题是，每当值发生变化时，我如何将'input_year'变量发布到PHP？

最终目标是在PHP中使用$ _POST ['year']执行某些操作并将结果返回给JavaScript，例如echo "var res = " . $_POST['year'] . ";";

Answer 1

一个非常简单的实现

$.ajax({
    type:'POST',
    url:'your_url.php',
    data:'input_year='+input_year,
    success: function(msg) {
        console.log(msg);
    }
});

数据字符串可能需要?之前，我记不起来了

Answer 2

使用AJAX，特别是jQuery .post()函数：

$("#year").change(function() {
    input_year =  parseInt($(this).val());
    $.post('/path/to/file', year: input_year, function(data, textStatus, xhr) {
        /*optional stuff to do after success */
    });
});

Answer 3

$("#year").change(function() {
    var input_year =  parseInt($(this).val());

    $.post('server.php',{year:input_year}, function(result,status){});
});

Answer 4

使用ajax。使用jquery，就像这样：

$.ajax({
   type: 'POST',
   dataType: 'text',
   url: "(your php filename)",
   data: $.param({'year': input_year}),
   success:function(data){
      //do whatever you need to do with the received result
   }
   error: function (request, status, error) {
      alert(request.responseText);
   }
});

将JQuery变量发布到PHP

4 个答案: