php mysql_queryにjQuery.ajax（）関数のデータオプションを書き込む方法は？

Question

私は私の記事の後にコメントシステムを追加したい

、

PHPの部品コード

<?php 
... 
while($result = mysql_fetch_array($resultset)) 
{ 
$article_title = $result['article_title']; 
... 
?> 
<form id="postform" class="postform"> 
<input type="hidden" name="title" id="title" value="<?=$article_title;?>" /> 
<input type="text" name="content" id="content" /> 
<input type="button" value="Submit" class="Submit" /> 
</form> 
... 
<?php 
} 
?> 

Ajaxの一部：

$(function($) { 
$(document).ready(function(){ 
$(".Submit").click(function(){ 
var id = $(this).attr("id"); 
var name = $(this).attr("name"); 
var dataString = 'id='+ id ; 
var parent = $(this); 
var anyBlank = 0; 
if(anyBlank == "0") 
{ 
var title = $("#title").val(); 
var content = $("#content").val(); 
$.ajax({ 
type: "POST", 
url: "ajax_post.php", 
data: "title="+title+"&content="+content, 
success: function(date_added){ 
if(date_added != 0) 
{ 
structure = '<div class="comment_date_added">'+date_added+'</div><div id="comment_text"><div id="comment_content">'+content+'</div>';     
$("#post_comment").prepend(structure); 
} 
}); 
}); 

ajax_post.php

echo $title; 
echo $content;//get $title and $content and insert into database. 

私の質問： <form id="postform" class="postform">は、MYSQL_QUERYの結果circlに書き込まれます。 e。どのようにすべてのdiv.submitajax_post.phpに独自の値を投稿し、$("#post_comment").prepend(structure);にデータを返すことができるようにajaxの部分を変更するすべてのおかげで。

Answer 1

IDではなく、入力フィールドにを入力する必要があります。 IDは、HTML文書で一意である必要があります：

<form class="postform"> 
    <input type="hidden" name="title" class="title" value="<?=$article_title;?>" /> 
    <input type="text" name="content" class="content" /> 
    <input type="button" value="Submit" class="Submit" /> 
</form> 

その後、クリックした要素にデータ・ルックアップ・相対を行うことができます。

var title = $(this).siblings('.title').val(); 
var content = $(this).siblings('.content').val(); 

私も自動のためdata属性にオブジェクトを渡すことをお勧め値のURLエンコード：あなたは#post_commentセクションの新しいエントリを作成するときに

data: {title: title, content: content} 

その後、あなたはまた、これらの要素を与えなければなりません代わりに、IDのクラスが（とvarを使用することを忘れないでください！）：

var structure = '<div class="comment_date_added">'+date_added+'</div><div class="comment_text"><div class="comment_content">'+content+'</div>'; 

以上のjQueryのような：

$('<div />', {class:'comment_data_added'}) 
.append($('<div />', {class: 'comment_date_added', text: date_added})) 
.append($('<div />', {class: 'comment_content', text: content})) 
.prependTo('#post_comment'); 

さらに注記：あなたが持っている

• 何らかの形でネストされたready()ハンドラ：

  $(function($) {      // <--┐ 
      $(document).ready(function(){ // <--┴- this is the same 
       //... 
      }); 
  }); 
  

  のどちらかを実行します。

  jQuery.noConflict(); 
  jQuery(function($) { 
      $('.Submit')... 
  )}; 
  

  または

  $(function() { 
      $('.Submit')... 
  )}; 
  

• をこの部分クリックハンドラで：

  var id = $(this).attr("id"); 
  var name = $(this).attr("name"); 
  var dataString = 'id='+ id ; 
  var parent = $(this); 
  var anyBlank = 0; 
  

  は何もしていないようです。それ以外には、submitボタンにIDはなく、nameはありません。

• PHPコードの構造によっては、alternative syntax for control structuresをご覧ください。 PHPとHTMLを括弧で囲むことなく簡単に組み合わせることができます。