失敗したログイン時にAjaxを介したPOST PHPエラー

Question

私は、ユーザーがログインすることができなかったときに表示されるようにブートストラップ警告を取得しようとしている。

これを行うために、私はアヤックス（jQueryの）を使用してポスティングしています私のjQueryの

$message = "Your Email or Password combination were incorrect. Please try again."; 
echo json_encode($message); 
header('Location: /'); 

と：私のindex.phpここ

上のスクリプトへのリダイレクト時にエラーが、login.php上のPHPで

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 
    $(document).ready(function() { 
     $.ajax({ 
      type: "POST", 
      url: $(this).attr('action'), 
      data: "message", 
      success: function (response) { 
       var message = jQuery.parseJSON(message); 
       $('#alert').text(message); 
      } 
     }) 
    }); 
</script> 

私は何を達成しようとしていることである：行1列1の時、予想外の文字：私は不正なログインを行うと

User tries to log in (and fails) 
Redirected to home page (as my login form is in the header) 
Error alert is shown, with the $message content as the error text. 

は私が

JSON.parseを取得（エラーをトリガするために） JSONデータ

私はまだjQueryの初心者ですが、他の例に従うようにしています。これは、おそらく私のコードが意味をなさない（なぜそれが動作しないのか）理由です。

Firefoxでfirebugを使用してjQueryをデバッグしています。 $(this).attr('action')あなた$.ajax呼び出しでやっている：あなたの時間

Answer 1

ため

おかげで私はあなたのエラーが行が何の誤解であると考えています。

あなたのコードを実行すると、機能は完全に動作します...現在のページを読み込むことを除いて！それはまさにあなたが言ったことです。 url:パラメータに$(this).attr('action')を送信すると、現在のページを読み込むようにajax関数に指示したばかりです。現在のページはjavascriptであり、おそらくHTMLが定義されているため、応答は無効ですJSON。あなたが何をしたいか

は変化です：

url: $(this).attr('action'), 

へ：

url: 'path/to/login.php', 

Answer 2

私はタイプを変更し、コンマを削除 行わ

しようとするJSON要求とチャゲを成功させますこの

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
    <script> 
 
    $(document).ready(function() { 
 
    $.ajax({ 
 
     method: "POST", 
 
     url: $(this).attr('action'), 
 
     data: "message", 
 
     dataType: "json"}).done(function() { 
 
     var message = jQuery.parseJSON(message); 
 
     $('#alert').text(message); 
 
    }) 
 
    }