ajaxと一意のIDを使用してPHPファイルからデータをロードする

私の問題は、私のHTMLフォームにidを入力してから、goボタンを押すとphpファイルからデータを取得するajaxクエリを実行する必要があります。残りの入力はhtml形式で自動入力されます。私はデータベースからデータを取得する必要があるときに、後で静的データを返すことから始めます。ajaxと一意のIDを使用してPHPファイルからデータをロードする

私はajax jqueryを使用する際に新しいので、それを解決できません。

 <html> 
      <head> 
       <title>AJAX</title> 
       <script type="text/javascript" src="jquery.min.js"></script> 
      </head> 
      <body> 
       <form> 
        Id:<input type="text" id="id"> 
        Name:<input type="text" id="name"> 
        Mobile:<input type="text" id="mob"> 
        Email:<input type="text" id="email"> 
        <button id="bgd">GO!</button> 
       </form> 

       <script type="text/javascript"> 

         $("#bgd").click(function(){ 
          $.ajax({ 
          type: "post", 
          url: "im-form/phpdata.php", 
          dataType: "json", 
          data:{ 
           id:'id', 
           name: 'name', 
           mob: 'mob', 
           email: 'email' 
          }, 
         async: true, 
         cache: false, 
         success: function(results) { 

          var obj = $results; 
          var name = obj.name; 
          var mob= obj.mob; 
          var email= obj.email; 
          $("#name").val(name); 
          $("#mob").val(mob); 
          $("#email").val(email); 

          } 
         }); 
        }); 
       </script> 
      </body> 
     </html>

PHPファイル

<?php 
     $id =5; 
     $name="goku"; 
     $mob=9000; 
     $email="[email protected]"; 

     $results=array('id'=>$id,'name'=>$name,'mob'=>$mob,'email'=>$email); 

      if($results) 
      { 
       echo json_encode($results); 

      } 

    ?>

出典

2017-06-19 Vinayak Vishwanath Gosain

'bName'と' bgd'とは何ですか？ –

このコードに変数がありません。完全なコードを投稿してください。申し訳ありませんが、 –

！ –

あなたはあなたのコード内のエラーを持って、

$("#bgd").click(function() { 
    $.ajax({ 
    // alert("HI!"); remove this 
    type: "post", // use in small case 
    url: "im-form/phpdata.php", 
    dataType: "json", // dataType not datatype, check the T in camel case 
    data:{ 
     id:$('#id').val(), // get input values here 
     name: $('#name').val(), 
     mob: $('#mob').val(), 
     email: $('#email').val() 
    }, 
    //async: true,// be default it is asynchronous 
    cache: false, 
    success: function(results) { 
     //var obj = $.parseJSON(results); // no need to use parseJSON, as dataType is already used for it 
     var obj = results, 
      id = obj.id, // no need of [] as it is single object 
      name = obj.name, 
      mob= obj.mob, 
      email= obj.email; 
     $("#bName").val(name); 
     $("#blPd").val(id); 

    } // remove semicolon after success 
    }); 
});

PHPのコードは次のようでなければなりません

HTMLフォームとAJAXのjQuery、

<?php 

    $id =5; // use $_POST['id'] here 
    $name="goku"; // $_POST['name'] 
    $mob=9000; // $_POST['mob'] 
    $email="[email protected]"; // $_POST['email'] 
    // make an associative array here 
    $results=array('id'=>$id,'name'=>$name,'mob'=>$mob,'email'=>$email); 
    if($results) { 
     echo json_encode($results); 
    } 
?>

出典

2017-06-19 10:55:48

私はいくつかの変更を加えました。私の問題は、私は残りのすべての詳細を取得する必要があるIDを使用することです。 –

ajaxと一意のIDを使用してPHPファイルからデータをロードする

答えて

関連する問題