AJAX返回Vairable

Question

我正在尝试通过选择框发布变量，该选择框将通过AJAX提交数据，然后我需要能够在原始页面上使用该可变项，这会更新sql查询。

这是我到目前为止的代码：

<script type="text/javascript">
function selectCategory() {

    document.getElementById('categoryText').addEventListener("change", function() {
        var xmlhttp=new XMLHttpRequest();
        xmlhttp.open("GET","/category.php?category3="
            +document.getElementById("categoryText").value, false);
        xmlhttp.send(null);
    });

}
</script>

和AJAX（我挣扎着）

<?php 

    /*Retreving the Value from the select box */
    $categoryFilter = $_GET['category3']; 

?>

Answer 1

当您说“选择框”时，您的意思是选择菜单 - 即：下拉菜单？如果是这种情况，那么通常您可以访问所选元素的值，如下所示： -

var oSel=document.getElementById("categoryText");
var value=oSel.options[ oSel.options.selectedIndex ].value

    <script type="text/javascript">
        function selectCategory() {
            var oSel=document.getElementById('categoryText')
            oSel.addEventListener("change", function() {
                var xmlhttp=new XMLHttpRequest();
                xmlhttp.open( "GET", "/category.php?category3="+this.options[ this.options.selectedIndex ].value, false );
                xmlhttp.send(null);
            }.bind( oSel ) );
        }
        selectCategory.call( this );
    </script>

Answer 2

也许：

data=[];
data.push({name: 'category3', value: checked/unchecked });
$('.submit').click(function() {
  $.ajax({
  type: 'POST',
  url: 'your php page url',
  data: formData,
  success:function(data){
    // successful request; do something with the data
    alert(data);
  },
  error:function(){
     // failed request; give feedback to user
    alert("error");
  }
    });

});

并在PHP中：

$categoryFilter = $POST['category3'];