-2 
<input type="text" user" id="nick" />
<input type="text" user" id="message" />
<a href="#">Send</a>

シンプルにしましょう。2つの入力ボックスと送信リンクがあります。ニックネームとメッセージをshoutbox.phpに送信します。ここで、これらの値をデータベースに挿入し、データベースからすべての結果を取得してフロントエンドに表示します。

これで、データベース部分への保存を実装しましたが、データベースからフロントエンドに値を戻すことができません。

パラメータを送信するだけですべての作業を実行できるjquery関数がどうしても必要です。皆さんがそのような機能を持っていることを願っています。

4

2 に答える 2

1

shoutbox.phpjQuery Ajaxメソッドを使用して、データを：に送信します。

$.ajax({
  type: "POST",
  url: "shoutbox.php",
  data: { nick: "val_of_nick", msg: "val_of_msg" },
  success: function(data) {
    alert('Loaded: ' + data);
  }
});

今あなたのshoutbox.php：

//read the sended data
$nickname = $_POST['nick'];
$msg = $_POST['msg'];

//to send data back, just use echo/print
echo 'You sended nickname: ' . $nickname . ' and msg: "' . $msg . '"';

このコードを実行すると、jsアラートにechoからの行が表示されshoutbox.phpます。

お役に立てれば！

jQuery ajaxに関する詳細情報：info

于 2012-07-29T09:08:44.697 に答える
0

ほんの一例：

HTML 

<form id="myform">
  <input type="text" user" id="nick" name="nickname" /> <!-- use name ->
  <input type="text" user" id="message" name="message"/> <!-- use name -->
  <a href="#" id="send">Send</a>
</form>

jQuery

$('#send').on('click', function(e) {
   e.preventDefault(); // prevent page reload on clicking of anchor tag
   $.ajax({
     type: 'POST',
     url: 'url_to_script',
     data: $('#myform').serialize(),
     dataType: 'json', // if you want to return JSON from php
     success: function(response) {
      // you can catch the data send from server within response
    }
   });
});

これで、PHP側で、次のようにajaxを介して送信値をキャッチできます。

<?php
  ...
  $nickname = $_POST['nickname'];
  $message = $_POST['message'];
  ......
?>

関連する参考文献：

于 2012-07-29T09:07:27.480 に答える