0

私はajax jqueryに慣れていないので、それについて読んでコードをいじっていますが、まだいくつかのことを理解していません.メッセージフォームを作成しようとしています.フォームの同じページにエラーが表示され、送信をクリックしたときにページを更新したくありません。

ここで私が得たもの、私はまだajax jqueryの操作方法を理解しようとしているわけではないことを知っています

<script>
$.post("message/sendm.php", {message:"#message" } );

</script>
  <div id="send"  style="color:#000" class="reveal-modal">

       <form name="message" method="post" style="background:#999">
<table>
<tr><td>To:<?php echo $user ?></td></tr>  
<tr><td>Message:<textarea style="resize:none"  id="message"name="text" rows="10" cols="60"></textarea></td></tr>  
<tr><td><input name="message" type="submit" value="Send!"></td></tr>  
</form> 
     </table>

私はまだajax jqueryの操作方法を理解しようとしているわけではないことを知っています.ajax jqueryを学ぶのに良い本を知っている人がいたら教えてください. 私はすでにjquery Webサイトを試してみましたが、それはすべてを説明しているわけではなく、すべてを説明しているわけではありません.

4

2 に答える 2

1

jQuery を使用して、サーバーへの ajax 呼び出しを行うことができます。私がよく使う方法は次のとおりです。

$("#form").submit(function (event) {
    event.preventDefault(); //this stops the default form action
    $.ajax({
        type: 'POST', //this is how you specify post or get
        url: 'myform.php', //this is where your server file for processing the form goes
        data: $('#form').serialize(); //serialize all the data from the form
        success: function (data) {
                 $('#alerts').html(data)//fills the element with the id of alerts with whatever is returned from the php page.
        }
    });
});

次に、情報を処理するためのページをサーバー上に作成するだけです (私の例では、myform.php です。php ページから出力したもの (つまり、echo を使用) はすべて、id アラートの要素に表示されます。

これがお役に立てば幸いです。

于 2012-09-29T05:50:59.850 に答える
0

Web 2.0 の雰囲気を求める場合は、ネイティブの HTML フォーム送信の使用を避けたいと考えています。むしろ、jquery の .button 関数を使用してボタンを作成します。クリック (.onclick) すると、フォームがシリアル化され、jquery の .ajax 関数を使用してバックエンドにポストされます。.done 関数または success オプション (Ajax 関数内) を使用して、応答を処理できます。

于 2012-09-29T06:01:02.747 に答える