2012-02-19 10 views
0

私は$ .post()から応答を返す方法を理解しようとしています。それはIEでうまく動作しますが、FFとChromeではうまくいきます。私はそれが本当にシンプルなものだと確信しています。私はここでたくさんの投稿を読んできましたが、Googleではすべての提案を試していますが、まだ運がありません。誰かが私が間違っていることを見ることができますか?私が期待すべき応答はtestingです。JQuery PHPの.post()サーバーの応答は機能しません

私が取得しているものを含めるのを忘れてしまった。 ChromeとFF Firebugのコンソールでは.error()メッセージが表示されていますが、そのすべてが「エラー」です...説明はありません。

ライブラリ

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

HTML

<form id="frm"> 
    <input type="text" name="usr" /> 
    <input type="submit" value="Click" /> 
</form> 

jQueryの

$(function() 
{ 
    $('form#frm').submit(function() 
    { 
     $.post('process.php',$('#frm').serialize(),function(response) 
     { 
      console.log('PHP returned : '+response); 
     }) 
     .error(function(XMLHttpRequest,textStatus,errorThrown) 
     { 
      console.log('Error with ajax Function: '+ textStatus+' '+errorThrown); 
     }); 
    }); 
}); 

PHP

<?php 
print('testing'); 
?> 

EDIT(同じ問題を抱えています誰のために、このコードは動作します)

$(function() 
{ 
    $('form#frm').submit(function(e) 
    { 
     e.preventDefault(); 
     $.post('process.php',$('#frm').serialize(),function(response) 
     { 
      /* Do something with response */ 
     }) 
     .error(function(XMLHttpRequest,textStatus,errorThrown) 
     { 
      alert('Error with ajax Function: '+ textStatus+' '+errorThrown); 
     }); 
    }); 
}); 
+3

Firebugには何が表示されますか? – SLaks

+0

コンソールマネージャのf12キーを押してスクリプトをクロムで簡単にデバッグし、ネットワークタブでリクエストと応答が送信されていることを確認できます。 –

+0

@ jurka - あなたが言ったことは、すぐに 'Error with ajax Function:error' – Mike

答えて

1

私はあなたのため、あなたがform actionを指定していないとでfalseを返すことによって、提出からフォームを妨げないことを前提としていイベントハンドラでは、AJAXコールバックが実行される前にページが更新されています(同じページにポストし、リロードするだけです)。しかし、それはエラーメッセージを説明しません。

+1

デフォルトのイベントが発生しないようにするには 'return false'を使用しないでください。' function callback_function(e){e.preventDefault();}のように 'event.preventDefault()'関数を使用してください。 – wecsam

+0

TheShellfishMeme ....あなたは男(または女性、笑)です。イベントハンドラに 'return false;'を置くだけで、私の問題は解決しました。 'action'を追加しようとしませんでしたが、それほど難しくはありません。ありがとうございました:) – Mike

+0

@wecsam - あなたのオプションも試してみます。あなたの頭の上から、そこにはあなたの言うことについてのより詳細な部分がありますか? – Mike