在ajax中選擇功能

Question

我的php文件

$option1 = filter_input(INPUT_POST, 'key', FILTER_SANITIZE_SPECIAL_CHARS);

if(isset($option1) && !empty(option1)) {
   $sql = "SELECT * FROM fantasy WHERE os_id='$option1'";
}

我的阿賈克斯

function filter(){
   var str = $("#advanced-search1").val();
   $.ajax({
     dataType: 'html',
     url: "filter.php",
     type: "POST",
     data: {"key": str},
     success: function(response){
         $('#result').html(response);
     }
   });
}

從上面可以看出，我的select函數id是＃advanced-search1，而我的提交按鈕是onclick =“filter（）” 。 但它仍然無法在我的php文件中執行sql命令。 在我的url瀏覽器中，它聲明了所需的選擇值，但它在我的#result div中沒有​​顯示任何內容

Answer 1

添加event.preventDefault(); 在過濾功能的開頭：

function filter(event){

    event.preventDefault();

   var str = $("#advanced-search1").val();
   $.ajax({
     dataType: 'html',
     url: "filter.php",
     type: "POST",
     data: {"key": str},
     success: function(response){
         $('#result').html(response);
     }
   });
}

但是，您還需要更改調用以傳遞事件參數：

<button onclick="filter(event);" >..</button>

代替 ：

<button onclick="filter();" >..</button>

如果不起作用，則必須報告PHP日志以及HTML框架。