一定時間放置後に操作するとAjax処理失敗する

現在ログイン画面をもったＷＥＢアプリケーションを作成中です。

ある画面でボタンを押してajax処理させているのですが、
WEB画面を一定時間放置した後、ボタンを押すとajaxが失敗します。放置前はAjax処理は成功します。

lang
1		var formdata = $("#formdata").serialize();
2		
3	    $.ajax({
4			type: "POST",
5			dataType:'json',
6			url: "./hoge",
7			cache : false,
8			data: formdata
9
10			}).done(function( msg ) {
11				/* 成功時の処理 */
12
13			}).fail(function(xhr, status, error){
14				/* 失敗時の処理 */
15
16	        });

失敗(fail)時に返ってきているステータスを見ると以下のようになっていました。
xhr
→xhr.status:200
→xhr.statusText:成功
status:"parsererror"
error:文字が正しくありません。

放置前に送っているformdataと同じものを送信しているにもかかわらず、失敗する理由が分かりません。
お分かりになる方がいらっしゃいましたら、ご教授よろしくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

おそらくセッションが切れてしまっているのではないでしょうか？
chromeとかでしたら、アプリ画面でF12押して「Resources]タブの「SessionStorage」とかに値が入っていると思います。

・アプリを開いてログインして、一定時間放置。
・別のタブでアプリを開いてログインして、上記の値(セッションキー)をコピー
・放置したアプリの上記の値に、コピーしたセッションキーを貼り付け。
・処理を行う。
とかすると、どうでしょうか？
成功したら、セッションが切れていたということです。
どういう名前でセッションキーが入っているかわからないので、そのアプリのセッションキーで試してみてください。

投稿2015/04/17 05:04

runun

総合スコア305

plue

2015/04/17 05:06

回答ありがとうございます。さっそくためてしみたいと思います。結果をまたご報告させていただきたいと思います。

plue

2015/04/21 05:02

教えていただいたことを試そうと思ったのですが、、、 chromeでアプリ画面でF12押して「Resources]タブの「SessionStorage」を確認したのですが値が存在しておらず、代わりに「Cookies」タブの「Localhost」に以下のようにセッションIDらしきものが入っておりました。・Name：JSESSIONID ・Value：143714xxxxxxxxxxxxxxxxxxxxxx(英数字が30桁程度) ・Domain:localhost ・Path:/ ・Expires：Session ・Size:42 「Cookies」タブですと上記セッションの編集ができずに、結果として別タブを開いてセッションキーの貼り付けを試すことができませんでした。。

runun

2015/04/21 06:32

なるほど。。。ちょっとめんどくさそうですね； http://www.webtopi.net/2013/04/cookie.html#jump3 こちらのサイトを参考に「Edit This Cookie」をインストールするとCookiesをいじれます。使い方も書いてあります。ここまでして根本の原因が違っていたら申し訳ないですが、簡単にできるので試してみる価値はありそうです。

plue

2015/04/21 06:50

ツールまで教えていただき、ありがとうございます。ぜひ試してみたいと思います。

行動規範の内容に同意します