フォームを送信するAjaxが定義されていないエラーを返します

Question

私はajaxでフォームを送信しようとしています。ここで私は、私はそのが正しくのみの送信方法、ことを見た放火犯とポスト変数をチェックすると、私の完全なコード

<?php 
    $wparent = "123"; 
    $method = "sms"; 
?> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#post_<?php echo $wparent;?>").click(function(){ 
      $('#parentpost-<?php echo $wparent;?>').html('Loading.....'); 
      $("#parentpost-<?php echo $wparent;?>").load("<?php echo SITE_URL;?>new_ajax/post_reply.php", {message:$("[name=replynote]").val(), method:$("[name=method]").val(), parent:$("[name=parent]").val()}); //end 
     }); // end of the main click function 
    }); 
</script> 

<?php 
echo "<textarea name='replynote' ></textarea>"; 
echo "<input type=\"submit\" class=\"post_button\" id=\"post_$wparent\" value=\"post\" />"; 
echo "<input type=\"button\" class=\"cancel_button\" value=\"Cancel\" />"; 
?> 
<input type='hidden' name='parent' value='<?php echo $wparent;?>' /> 
<input type="hidden" name="method" value="<?php echo $method;?>" /> 

です。他のすべての値は未定義として送信されます。私は今までエラーを見つけることができませんでした。

Answer 1

はあなたが渡している事前移入dataマップお試しください：

$(document).ready(function() { 
    $("#post_<?php echo $wparent;?>").click(function() { 
     var message = $("[name=replynote]").val(); 
     var method = $("[name=method]").val(); 
     var parent = $("[name=parent]").val(); 
     var data = { 
      "message": message, 
      "method": method, 
      "parent": parent 
     }; 
     $('#parentpost-<?php echo $wparent;?>').html('Loading.....'); 
     $("#parentpost-<?php echo $wparent;?>").load("<?php echo SITE_URL;?>new_ajax/post_reply.php", data); //end 
    }); // end of the main click function 
}); 

をdataがundefined値を含むオブジェクトである場合は、お使いのjQueryのセレクタが機能していません。

また、name属性を使用して入力を検索するだけなので、セレクタでより具体的にすることができます。

は最後に、attributeセレクタは通常、引用符で囲まれた属性の値を必要とするので、あなたのセレクタのためにこれらを試してみてください。

 var message = $('textarea[name="replynote"]').val(); 
    var method = $('input[name="method"]').val(); 
    var parent = $('input[name="parent"]').val();