http://oshiete.goo.ne.jp/qa/7574571.html
でもご質問させていただきましたが、ajaxを使用してphpファイルに記述のあるmysql insert文でデータベースの登録はできました。
bbs.php
<table class="commentlist">
<!-- bbs.inc.phpファイルという別ファイルでfor文で一覧を出している。 -->
</table>
<!-- ここからがコメントの入力 -->
<form method="post">
<input type="text" name="comment" id="comment" value="" />
<input type="button" name="save" id="save" value="投稿" />
</form>
$("#save").click(function(){
var p = $("#comment").val();
$("#comment").val("");
$.post( "bbs.php", { request:p, success: (ここがわからない。)});
});
としたときにフォームでpostしたときにページ全体にリロードではなくclass="commentlist"の一覧のみリロードしたいのですが、どうもできません。
どなたかご教示お願いします。
(bbs.inc.phpはソース内には残したくないです。)
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
まずはphp側で一覧を取得してresultに値が入るかを目指しましょう。
この回答への補足
phpで一覧の取得をしております。
bbs.inc.php
-- LEFT JOINを使用してのmysql接続 --
//$row['name']はjoinで別テーブルからの呼び出し
while ($row = mysql_fetch_assoc($commentres)) {
$commentlist .= '<p>' .$row['name']. ':' .$row['comment'].$row{'date']. '</p>'."\n";
}
bbs.php
<div id="commentlist">
<?php echo $commentlist; ?>
</div>
<form method="post">
<input type="hidden" name="bbs_id" id="bbs_id" value="<?php echo $bbs_id; ?>" />
<input type="hidden" name="name_id" id="name_id" value="<?php echo $name_id; ?>" />
<input type="text" name="comment" id="comment" value="" />
<input type="button" name="save" id="save" value="投稿" />
</form>
$(function(){
$("#save").click(function(){
var a = $("#bbs_id").val();
var b = $("#name_id").val();
var p = $("#comment").val();
$.ajax({
type: "POST",
scriptCharset: 'utf-8',
dataType:'json',
url: "bbs.php",
data: { bbs_id:a, name_id:b, comment:p },
success: function(result){
alert('通る');
},
error:function(){
alert('通らない');
}
});
});
});
といたしております。
必ずerrorを通ってしまいます。
どうかご教示お願いします。
No.1
- 回答日時:
Ajaxの処理の流れは以下のようになります。
1) 登録
2) 一覧取得
3) htmlに書き出し
bbs.php内でデータ登録、一覧取得してsuccess部分で表示させます。
success: function(rerult){
}
※rerultはbbs.php内でprint_rした配列
success: function(rerult){
// この中にhtmlに書き出す処理をすればOKです。
}
success: function(rerult){
var html = '';
for (var i = 0; i < rerult.length; i++) {
// 配列を回してテーブルの中を作る
html = html + '<tr><td>rerult.val</td></tr>';
}
$(".commentlist").val(html);
}
お忙しい中有難う御座います。
上記の内容を少々カスタマイズして、
こちらの環境用にしたのですが、リロードがされませんでした。
結果はsuccessがundefind(fire bugで確認)になってしまいます。
変更したところはi<result.length;をi<30にして
html = html + '<tr><td>rerult.val</td></tr>';
を
html = html + '<tr><td><?php echo $name; ?></td><td><?php echo $comment; ></td></tr>';
としています。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavascriptからPHPへのAjax通信...
-
jquery,ajaxによるphp通信でnull
-
jquery × php × mysql 非同期で...
-
AjaxでJSONを受信すると、文字...
-
jQuery を外部ファイルから呼び...
-
Ajaxでフォームデータを連続登...
-
jQueryを使いformでsubmitした...
-
要素内を常に一番下を表示させたい
-
Javascriptを使ってQRコード読...
-
Selenium4でボタンをクリックで...
-
SQLのmaxで求めた値を変数に代...
-
javascriptからのphpクラス...
-
.txtファイルの読み込み
-
FullCalendar の複数月表示につ...
-
パソコンで動くjavascriptがス...
-
変数にドットをいれることはか...
-
Googleマップに複数のピンを立...
-
Python: TypeError
-
フレーム内の要素へのXPATHはど...
-
JQueryで動的生成のスライダが...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavascriptからPHPへのAjax通信...
-
jQueryを使いformでsubmitした...
-
AjaxでJSONを受信すると、文字...
-
jQueryのblockUIをformのボタン...
-
ajaxからphpにpsotしたときの日...
-
jQuery3 reset()が効かない。
-
ajax + PHPによるエラーの返し...
-
jQuery,Ajaxでcgiに接続する方...
-
Ajax・jQueryでGETとPOSTする方法
-
AJAXでPHPの配列を用いたセレク...
-
ajaxでPHPにPOST送信して結果デ...
-
JSONをperlで受け取る方法
-
JQueryの変数の扱いで弱ってい...
-
jquery.cookie.jsの使い方が分...
-
Ajax サーバーに負荷かかります...
-
Perl JavaScript Ajax リアルタ...
-
jQuery を外部ファイルから呼び...
-
jqueryのloadを使って検索結果...
-
Ajax・jQueryでGET時にIE...
-
jQueryで外部テキストファイル...
おすすめ情報