/ CakePHPを使った複数ページへの/ jQueryモバイルフォーム送信 - php、jquery、cakephp、jquery-mobile

CakePHPを使った複数ページにわたるjQueryモバイルフォーム送信 - php、jquery、cakephp、jquery-mobile

私はここで簡単なものが足りないことを願っています。私はjQuery mobileを使っているCakePHPのWebサイトを持っています。私はCakePHPがそれと関係があるかもしれないと思いますが、私はよくわかりません。

とにかく、私は自分の考えに基づいて作成したフォームを持っていますコメントを追加するためのページ。 Ajax呼び出しはロードされる最初のページでは期待どおりに機能していますが、他のページにナビゲートするとデータが送信されなくなります。コンソールはボタンを押すたびに "data"をログに記録します(他の場所で推奨されているように "pagebeforeshow"を使用した後)。フォームアクションページのrequest-> data)

明らかに、私はどういうわけかフォームを "リセット"する必要がありますページをまたがって移動する場合でも、ページを更新せずにこれが可能かどうかはわかりません。最後の手段として使用できる "data-ajax" = "false"と "rel" = "external"については知っていますが、できればページを更新しないようにしたいです。

助言がありますか?ありがとうございました。

これが私がAjax呼び出しに使用しているJSです。

//<![CDATA[
$(document).on("pagebeforeshow", function(){
$(document).off("click", "#comment_add").on("click", "#comment_add",function(e) {
$.ajax({
async:true,
data:$("#sCommentViewForm").serialize(),
dataType:"html",
success:function (data, textStatus) {
//$("#comments").remove();
//$("<div id="comments"></div>").appendTo("#comments_container");
$("#comments").html(data).trigger("create");
//$("#comments_box").remove();
//$("<div id="comments_box"></div>").appendTo("#comments_container");
console.log(data);
},
type:"POST",
url:"commentsUsers/comment_add/<? echo $template["Template"]["id"]; ?>"});
return false;
});
});
//]]>
</script>

回答:

回答№1は0

それは私の基本的な理解不足でした。この簡単な記事をたくさん検索した後、最も役に立ちました。

Jquery Mobile Javascriptがajaxの読み込みに機能しない

基本的に、私はすべてにIDを使用していました - クラス名に切り替えたとき、それはスムーズな航海でした。