ajaxでpost送信時、type:htmlで取得

質問

お世話になります。

質問内容を貼ろうとしたら、
});
});
});
となっていたので、先ほど見ていた
http://okwave.jp/qa/q6758062.html
を思い出し、ベストアンサーと同じように
});
return false;
});
});
としたら、問題が解決しました。

今まで、送信時に、beforeSend箇所で送信内容を確認していて、送信後のレスポンスデータの内容を、そのままページ推移なしで#searchResult箇所にて表示させたいと思っていたのですが、直ぐエラーが表示されてしまってました。

上記の方法でなぜ解決するのでしょうか？

どなた様かご教授願えませんでしょうか。宜しくおねがいします。

$(function() {
$("form").submit(function(){
$.ajax({
url: "./query_all-print.cgi",
type: "GET",
data: $("form").serialize(),
dataType: 'html',
beforeSend: function ( jqXHR, settings ) {
alert( settings.type );
alert( settings.url );
},
success: function(data,msg){
$('#searchResult').html(data);// 通信成功時は応答内容を<div>要素に反映
alert( "通信処理: " + msg );
alert( "レスポンスデータ、" + data );
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$("#searchResult").html("エラー : " + textStatus);
}
});
return false;
});
});

回答No.1

noname#247307 · ベストアンサー

このreturn false;って、$("form").submit()の引数に指定されている関数のreturnですよね？　submitはフォームを送信するメソッドで、return falseしないと終了後にフォームが送信されてしまいます。return falseによってフォームが送信されないようにしています。それが影響してるんじゃないでしょうか。

お礼

jqueryで.submit()の場合に、デフォルト動作を止める。という事をしないといけなかったんですね。

勉強になりました。ありがとうございます。