ajax onchange表单提交无效

Question

我正在尝试使用onchange事件提交表单。我的表单包含复选框，在检查表单上应该提交并将数据发送到php并从php页面返回值。

贝洛是我的表格

<form id="search_form" method="post">
<input class="le-checkbox" type="checkbox" name="filter1[]" value="<?=$bkey?>" /> <label><?=$bkey?></label>
<input class="le-checkbox" type="checkbox" name="filter2[]" value="<?=$bkey?>" /> <label><?=$bkey?></label>
<input class="le-checkbox" type="checkbox" name="filter3[]" value="<?=$bkey?>" /> <label><?=$bkey?></label>
<input class="le-checkbox" type="checkbox" name="filter4[]" value="<?=$bkey?>" /> <label><?=$bkey?></label>
</form>

我正在使用ajax发送数据并从php页面检索

<script type="text/javascript">
$(document).on("change",'[type="checkbox"]',function(){
   var url = "protest.php";
   $.ajax({
     type: "POST",
     url: url,
     data: $("#search_form").serialize(),
     success: function(data)
     {                  
        //$('.ajax_result').html(data);
        alert(data);
     }               
   });
  return false;
});
</script>

如果提交表单，php结果会显示在alert(data)下面，我的php示例页面是

<?php 
if (isset($_POST)){
echo "data submited";
}
?>

首先它不起作用，并在警告信息中显示源代码，请查看图片

我无法找到问题

Answer 1

只需将exit放在echo之后。

<?php 
if (isset($_POST)){
echo "data submited";
exit;
}
?>