JQuary ajax не передает данные поста на страницу php

Question

Я пытаюсь получить данные поста с помощью alert (), и проблема в том, что данные не передаются на php. Результат страницы всегда {"success":false,"result":0}

. Я хочу отправить пароль на * 1008. * page и ha sh это используя password_ha sh () и возвращаем результат

$('#spass').on('submit',function(){
  var that=$(this),
  contents=that.serialize();
  alert(contents);
  $.ajax({
    url:'passwordhashing.php',
    dataType:'json',
    data:contents,
    success:function(data){
      alert(JSON.stringify(data));
      console.log(data);
    }

  });

  return false; 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
   <form id="spass" >
    <h4>Change Your Password</h4>
    <input type='password'name="passc" >&nbsp;
    <!--<input type='password' name="cpass" id="cpass">&nbsp;-->
    <input type="submit">
      </form>


**this my php code**
<?php
header('Content-type: text/javascript');

$json=array(
    'success'=>false,
    'result'=>0
);



if(isset($_POST['passc']) && !empty($_POST['passc'])) {
   $pass=password_hash($_POST['passc'],PASSWORD_DEFAULT);
   $json['success']=true;
   $json['result']=$pass;
}
echo json_encode($json);

?>

Answer 1

Вы можете проверить, что ваши данные фактически не были переданы на страницу PHP.

В коде PHP выполните следующее: echo $ _POST ['YOUR_VARIABLE'].

Проверьте браузер INSPECT_ELEMENT / NETWORK, чтобы убедиться, что вы действительно отправляете данные по правильной ссылке. Ваша ссылка может быть относительной, поэтому вы можете отправлять данные не по той ссылке.

Итак, попробуйте поместить всю ссылку в методе ajax url

$ .ajax ({
url: 'HTTP: //WHOLE_LINK_IN_HERE.COM/passwordhashing.php',
});

SET в Ajax: тип: "POST"

$.ajax({ 
  type: "POST", 
  url: url, 
  data: data, 
  success: success, 
  dataType: dataType 
}); 

Answer 2

**i used $.post() instead of using $.ajax() and it fix my problem** 

$('#spass').on('submit',function(){
      var that=$(this),
      contents=that.serialize();
      alert(contents);
      $.post({
        url:'passwordhashing.php',
        dataType:'json',
        data:contents,
        success:function(data){
          alert(JSON.stringify(data));
          console.log(data);
        }

      });

      return false; 
    });