javascript - 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'";
}

我的ajax

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

从上面可以看出，我的选择函数 ID 是 #advanced-search1，而我的提交按钮是 onclick="filter()"。但我在 php 文件中执行 sql 命令仍然不起作用。从我的网址浏览器中，它指出了所需的选择值，但它在我的 #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 框架。