Не приходит нажатие кнопки на php обработчик ajax?

Question

[Сергей]

Здравствуйте, у меня есть код, оно должно из формы брать информацию и отправлять на пхп обработчик, ннно отправляет только информацию с полей firstname, surname а информацию о нажатии на кнопку нет, что делать?

Вот код html:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<form  method="POST" action="reg.php">
<p><input type="text" name="firstname" value="" placeholder="Ваше Имя" style="text-align: center;">
<p><input type="text" name="surname" value="" placeholder="Ваша Фамилия" style="text-align: center;">
<p><input type="submit" name="btn" value="KKK">
</form>

<script type="text/javascript">
	$(document).ready(function(){
		$("form").submit(function(){
			event.preventDefault();
			$.ajax({
				type:$(this).attr('method'),
				url: $(this).attr('action'),
				data: new FormData(this),
				contentType: false,
				cache: false,
				processData: false,
			    success: function(result){
    			alert(result);},
			});
		});
	});
</script>

php:

<? require_once('db/db-connect.php');


echo json_encode($_POST);
if(isset($_POST[''])){
$cat = R::dispense('userlists');
$cat->firstname=$_POST['firstname'];
$cat->surname=$_POST['surname'];
R::store($cat);
echo "OK!";
}

Так же использую RedBeanPHP.
Заранее большое спасибо за помощь!

Answer 1

[Павел Корнилов]

<script>
jQuery(function($){
  $("form").submit(function(event){
    event.preventDefault();
    $.ajax({
      type:this.method,
      url: this.action,
      data: new FormData(this),
      contentType: false,
      cache: false,
      processData: false,
      success: function(result){
				alert(result);
			},
    });
  });
});
</script>