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

在echo之后放exit 。

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