無法在php文件中使用ajax傳遞值

Question

我無法在 php 文件中使用 ajax 傳遞值。

更正代碼

<script>
    $("body").on('change', '#area', function () { 
        //get the selected value 
        var selectedValue = $(this).val(); 
        //make the ajax call 
        $.ajax({
            url: 'box.php',
            type: 'POST',
            data: {option: selectedValue},
            success: function () {
                console.log("Data sent!");
            }
        });
    });
</script>

這里是php代碼

<?php    $val=$_POST['option'];echo $val;    ?>

Answer 1

這里有幾個問題：

它應該是url ，而不是rl 。 此外，您type: POST' ，它以'結尾，但沒有開頭' 。

它應該是type: 'POST' 。

它應該看起來像這樣：

$("body").on('change', '#area', function() {      
  var selectedValue = this.value;     
  $.ajax({  
    url: 'box.php', 
    type: 'POST',
    data: {
        option : selectedValue
    },     
    success: function() {          
        console.log("Data sent!");    
    }  
  });
});

如果你想在同一頁面上查看你的數據（就像在box.php上box.php ，你正在echo顯值。），你可以這樣做：

success: function(data) {
  console.log(data);
}

這將在控制台中寫入什么option ，即#area的值。

Answer 2

試試下面的代碼

$("body").on('change',function(){
  $.ajax({
    URL:<you absolute url>,
    TYPE:POST,
    Data:"variable="+$("#area").val(),
    Success:function(msg){
      <do something>
    }
  });
});

希望這會幫助您解決您的問題。

Answer 3

您只是錯過了 'url' 的 ajax 方法參數拼寫和類型值之前的單引號，即 'POST'。 它應該像

$.ajax({  
    url: 'box.php', 
    type: 'POST',
    data: {option : selectedValue},     
    success: function() { console.log("Data sent!");}  
});