この動画と他の動画をちょうど見る。それらのすべては2つの.phpファイルでajaxを使用しますが、私はすでにフォームを含むfile.htmlとデータベースにフォームを送信するcontent.phpを持っています。どうすれば私のhtmlファイルでajaxを使用して、ページをリロードせずにフォームを送信できますか? jQueryライブラリを利用 https://www.youtube.com/watch?v=IOONJgPclwUhtmlフォームを送信するにはページなしで送信するAJAXを使用して更新する
答えて
これは新しい問題ではありませんが、それでもあなたはちょうどこれにAJAXを使用することができ、このコード
$(document).ready(function(){
$("button").click(function(){
$.ajax({url: "submit_form.php", success: function(result){
$("#div1").html(result);
}});
});
});
私はすでにこのコードを試していますが、うまくいきません。まだ新しいページを読み込んでいます – Splicee
エラーがありますか? – Shubhranshu
'.click(function(e)'( 'e'を追加)を追加し、これを' click'コールバックの最初の行に追加します: 'e.preventDefault();' –
あなたはそれが非常によく、あなたの質問に答えるようjQuery AJAX submit formを参照してください
$("#theForm").ajaxSubmit({url: 'server.php', type: 'post'})
ようなコードを使用することができます。
- 1. フォームを送信し、新しいページからajaxにフォームデータを送信します
- 2. NSURLConnectionを使用してajaxフォームを送信するには
- 3. AJAXを使用してフォームを送信
- 4. laravelでAJAXを使用してフォームを送信する
- 5. Django、Ajax、jQueryを使用してページを更新せずにフォームを送信するには?
- 6. JQuery AJAXを使用してPHPにHTMLフォームを送信
- 7. POSTメソッドを使用してページに送信するAJAX
- 8. フォームをページなしで送信するjQueryを使用してリフレッシュする
- 9. jQueryとAjaxを使用してフォームを送信する
- 10. Ajaxを使用してUbercartフォームを送信する
- 11. ajax - ajaxでフォームを送信する2
- 12. フォームまたはページの更新なしでMySQLクエリを送信
- 13. JavaScriptを使用してHTMLフォームを送信する
- 14. GAE:GAEでフォームを送信した後でページを更新するには?
- 15. JqueryのAJAXを使用して複雑なフォームを送信するには?
- 16. HTMLフォームをjQuery AjaxでPHPに送信
- 17. AJAX更新パネルを使用してASP.NETでメールを送信
- 18. localStorage変数を更新してAjaxに送信する方法
- 19. 送信ボタンを使用せずにリンクをクリックしてフォームを送信する
- 20. ajaxを使用してフォームを送信し、結果を返す
- 21. フォームを送信するときにAJAXを使用する
- 22. ajaxを使用してCordovaでオーディオファイルを送信するには?
- 23. Ajaxは新しいフォームを送信し、値を送信しません
- 24. レールAJAXフォーム送信が更新
- 25. ajaxでフォームをコールバックで送信する
- 26. ページを更新せずにデータを送信してフェッチする
- 27. AJAXを使用してフォームを送信する際にエラーが発生する
- 28. ajaxフォームでファイルデータを送信するsubmit
- 29. フォームをajaxで送信しますか?
- 30. Androidでhttpsリソースを使用してhtmlフォームを送信するには?
からの助けを取ることができます。ここであなたはもっと情報を見つけることができますhttp://stackoverflow.com/a/5004276/6357312 – Arkowsky