1

私はグーグルで検索しましたが、このテーマに関する少し複雑なチュートリアルを見つけました。これらは私のような初心者にとっては非常に複雑なので、信頼できるここのようなコミュニティから質問しています。

データ入力を PHP に投稿し (ページを更新せずに)、PHP ファイルから結果データを取得またはフェッチし (更新せずに)、このデータを a に表示するために必要な最も単純なコードは何ですか?<div>例を教えてください。

ありがとうございます

4

3 に答える 3

3

反対票について: このページをご覧ください: https://stackoverflow.com/help/on-topic

ここでは、
どのようなトピックについて質問できますか?

スタック オーバーフローは、コードが好きでコードを書くプロフェッショナルで熱狂的なプログラマー向けです。最高のスタック オーバーフローの質問にはソース コードが少し含まれていると思いますが、質問の内容が一般的であるとすれば…</p>

  • 特定のプログラミングの問題
  • ソフトウェア アルゴリズム ソフトウェア ツール
  • プログラマがよく使う
  • ソフトウェア開発に固有の実用的で答えの出る問題

これは、JQuery を使用した単純な AJAX 投稿です (タグとしてリストしたため)。

my_page.phpいくつかのデータが渡されて に投稿されます ({ "any_params_to_send" : "in json format" }これは で受信され$_POSTます。応答が受信されると、ID の div に配置されますmy_div。

これはあなたのメインページにあります... index.html

<script type='text/javascript' src='/where_ever_you_saved_it/jquery.js'></script>

<div id="my_div"></div>

<script>
$(document).ready(function(){

$.ajax({
    type: "POST", 
    url: "my_page.php",
    dataType: "html",
    data: { "any_params_to_send" : "in json format" }
    success: function( response) {
      $('#my_div').html(response);
    } 
  });

});
</script>

これは my_page.php にあります

<?php
$any_params_to_send = $_POST['any_params_to_send'];  ?>

<div style="border:1px solid black; display:inline-block">

any_params_to_send<br/>

<?php echo $any_params_to_send; ?>

</div>

このトピックに関するその他の SO 投稿...

お困りのことがあれば、またお気軽にご相談ください！

于 2013-10-26T06:41:36.620 に答える
1

このコードを試してみてください。いくつかの基本的なアイデアが得られます。このコードについて不明な点がありましたら、お気軽にお尋ねください。

HTMLコード

  <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#btn").click(function(){
var id=$("#id").val();
$.ajax({

                    type:"post",
                    url:"action.php",
                    datatype:"html",
                    cache:false,
                    data:"id="+id,
success:function (response){
      // alert(response);
var data=response;
$("#id").val(" ");
$('#result').html(data); 

}

});
}); 

</script>

</head>
    <body>
    <form>
    <input type="hidden" name="id" id="id">
    </form>
    <button  id="btn">Click here/button>
<div id="result"></div>
    </body>
    </html>

action.php

<?php
$id=$_POST['id'];
 $user_name = "root";
             $password = "root";
               $database = "mydb";
                $server = "localhost";
            $con = mysql_connect($server,$user_name,$password);
           mysql_select_db($database,  $con) ;
$sql="select * from mytable where id='$id'";
$result=mysql_query($sql);
$var=mysql_fetch_row($result)
{
echo '$var['name'];
}
?>

コードの働き

をクリックするbuttonと、フォーム内の非表示の値がページ更新なしでファイルに送信されaction.phpます。また、 からの応答action.phpが変数に収集され、結果として ID を持ってdata表示されます。div

于 2013-10-26T09:03:37.563 に答える
1

jQueryを使用できます。

このようにページに追加します...

<script type='text/javascript' src='http://exaple.com/jquery.js'></script>

次に、jQuery について学習します。

http://jquery.com

そしてAjaxを実装...

http://api.jquery.com/jQuery.ajax/

于 2013-10-26T06:42:45.130 に答える