Q&A
コードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「</>」ボタンを押すとコードブロックになります。また、ajaxはページロードと同じタイミングで実行されるという事でしょうか。
いつもお世話になっています。
ajaxでの非同期通信をした後、勝手にそのページのトップまで遷移してしまう問題を解決したくし投稿しました。
javascriptのコードは以下です。（一部割愛しております）
<script type="text/javascript"> $.ajax({ type: "post", // method = "POST" url: url, dataType: 'json', }).done(function (data) { var newNode = document.createElement('span'); // newNode.id = 'like_rem'; newNode.id = 'like'; document.body.appendChild(newNode); //body直下にdiv要素を追加 newNode.appendChild(text);//作成したdiv要素にテキストノードを追加 var oldNode = document.getElementById('like'); var parentNode = oldNode.parentNode; parentNode.replaceChild(newNode,oldNode); }).fail(function (data) { }); } </script>どうかご助力ください。
まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。また、解決されていないなら状況をコメントください。
回答1件
0
たぶん割愛されたところのソースのほうが重要で、どういう流れでこのajax部分が実行されているかがわからないと具体的な原因を特定できません。
推測ですが、HTML側でform要素を使って
<form method="post" action="処理用のパス">
または
<input type="submit" onClick="ajaxの処理">
のようなことをしていませんか？
単純にsubmitをクリックしてしまうとデフォルトの挙動でリフレッシュ（遷移）してしまい、ページのトップが表示されるはずです。
投稿2016/08/17 04:48
総合スコア1298
<a href="#" onClick="ajaxの処理">
のような気がします。
そのパターンもありますね(ﾟдﾟ)(｡_｡)(ﾟдﾟ)(｡_｡) ｳﾝｳﾝ
お二方ありがとうございます。
ご指摘いただいた通りhref="#"でした。
jsばかり見ていて確認しそびれておりました。
ありがとうございました。
あなたの回答
tips
プレビュー
