PHP,Ajaxでのログインがfirefox,edgeで出来ない

Question

お世話になります。　ログイン機能についての質問です。

inputのデータをajaxで受け取り、そこからphpでアカウント、パスワードがDBに保存されているものと一致していなければエラーメッセージを表示し、一致していればマイページに自動遷移する　という機能で、
確認したブラウザは、PCは　chrome firefox edge　で、スマホは　chrome firefox opera　だけなのですが、　chromeはPC,スマホ共に問題なく遷移し、スマホのoperaも問題なく遷移するのですが、firefoxとedgeはページ遷移しませんがエラー表示は正常に出来ています。

htmlは必要部分だけ記述します。

  <div>
      <label for="UserID">アカウント</label>
      <input type="text" id="c_id" name="id" required="required" placeholder="UserID">
    </div>
    <div>
      <label for="password">パスワード</label>
      <input type="password" id="c_pass" name="password" required="required" placeholder="Password">
    </div>
	<div class="result"></div>
    <div>
      <input type="button" id="c_login" class="button" title="Sign In" value="Sign In">
	  </div>

$(function(){
	 $('#c_login').on('click', function() {
    // フォームから入力値を取得
	var name =$('#c_id').val();
    var pass =$('#c_pass').val();	
    
if(name !="" && pass !=""){
    // PHPに送信
      $.ajax({
        type: 'POST',
        url:  "./c_login.php", 
        data: {
                  name:name,
	              pass:pass
        }

 }).done(function(data){
	 $('.result').html(data);
     }).fail(function(xhr,err){
       $('.result').text("予期せぬエラーが発生しました。");
     });		
 
	} else{
	$('.result').text("未入力の項目があります。");
	$('.result').css('color','#EB3B88');
	}

	//フォーカスがinputに当たったら
$('input').focus(function() {
	$('.result').text("");
});
  return false;
});	
});

<?php
session_start();

$name = filter_input( INPUT_POST, "name", FILTER_SANITIZE_FULL_SPECIAL_CHARS);
$pass = filter_input( INPUT_POST, "pass", FILTER_SANITIZE_FULL_SPECIAL_CHARS);


 //データベース接続
require_once("./db_init.php");

//既存アカウントを検索して一致しているものがあれば$username $userpassに格納する

$user_serch = $db->prepare("SELECT * FROM test WHERE name =:v_n");
$user_serch->bindValue(':v_n',$name, PDO::PARAM_STR);		
$user_serch->execute();
$re = $user_serch->fetch(PDO::FETCH_ASSOC);

  $username = $re['name'];
  $userpass = $re['pass'];
 
//一致してないならメッセージを表示
//もしどちらも一致しているならマイページに遷移。

  if($username != $name || $userpass != $pass){
    echo "入力内容に誤りがあります。";
 
}  else{
  // 一致してるならリダイレクト先のURLへ転送する
 $_SESSION['name'] = $username;  
  $url = './c_mypage/info.php';
echo("<META HTTP-EQUIV=Refresh CONTENT=0.1;URL='./c_change/info.php'>\n");

// すべての出力を終了
exit;
  }
 
 $db = null; 

試したこと

上にも書きましたが、エラーメッセージは正常に表示されるので、Ajaxの問題かと思い、ググったら、

<meta http-equiv="Content-Script-Type" content="text/javascript">

をヘッダー内に記述すると良いと書かれていた(こちらのサイト　http://xn--9iqt0j0rjq72c.nagoya/javascript%E3%81%8Cfirefox%E3%81%A7%E3%81%AE%E3%81%BF%E5%8B%95%E3%81%8B%E3%81%AA%E3%81%84%E3%81%A8%E3%81%8D%E3%81%AB%E3%81%BE%E3%81%9A%E3%82%84%E3%82%8B%E3%81%93%E3%81%A8/)のでやってみましたが変わりませんでした。
firefox edgeのキャッシュクリアも行いましたが変わりません。またどちらもクッキーは有効です。

解決方法がわかる方がいらっしゃいましたらよろしくお願いいたします。

Comments

[mikkame]

パスワードはハッシュ化してね

[mari.rinn]

わざわざありがとうございました。

Answer 1

phpから返り値をmetaタグではなく、成功したかどうかのフラグだけにしておいて
JavaScriptでリダイレクトしたほうが良いのでは。

Comments

[mari.rinn]

早速にご回答くださりどうもありがとうございました。
なるほど！と思いまして、

```
}).done(function(data){
if(data != “”){
$('.result').html(data);
} else{
window.location.href = "./";
}
```
としましたら、上手くいきました！

お忙しい所ほんとにどうもありがとうございました。とても困っていたので大変助かりました。感謝致します。

また何かありましたらよろしくお願い致します。

[m.ts10806]

解決されたようで何よりです。

[mari.rinn]

わざわざありがとうございます。
ご親切、本当に感謝致します。