2017-04-05 4 views
-1

$ .ajaxコールのこのキー値のペアがdata:{employee_id:employee_id},の場合、誰かが私に理解を助けることができますか?私はウェブを検索しており、人々はこのデータパラメータをさまざまな方法で使用しているのを見てきました。私は人々がそこに機能を置くのを見ました。私は人々がname=john&age=36のようないくつかの重要な値のペアを入れて、最後に私が具体的に約data:{employee_id:employee_id},を求めているのを見ました。結腸は何ですか、なぜそれが両側で同じですか?このキーとは何ですか:このajax関数の値のペア?

$(document).ready(function(){ 
     $('#add').click(function(){ 
      $('#insert').val("Insert"); 
      $('#insert_form')[0].reset(); 
     }); 
     $(document).on('click', '.edit_data', function(){ 
      var employee_id = $(this).attr("id"); 
      $.ajax({ 
       url:"fetch.php", 
       method:"POST", 
       data:{employee_id:employee_id}, 
       dataType:"json", 
       success:function(data){ 
        $('#name').val(data.name); 
        $('#address').val(data.address); 
        $('#gender').val(data.gender); 
        $('#designation').val(data.designation); 
        $('#age').val(data.age); 
        $('#employee_id').val(data.id); 
        $('#insert').val("Update"); 
        $('#add_data_Modal').modal('show'); 
       } 
      }); 
     }); 
+1

これはオブジェクトです。 '{key:value}' ...これは、オブジェクトの 'employee_id'プロパティをその上に定義された' var employee_id'に設定しています。変数はキーと同じ名前だったので、両者で同じです。 – Santi

+0

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

答えて

1

ライン:

data:{employee_id:employee_id}, 

はあなた.ajax()リクエストのdata設定にobjectを渡します。コロンは、キーをオブジェクト内の値から分離します。

{employee_id:employee_id}それは上記の数行を設定しているためしかし、値が実際に$(this).attr("id")で、employee_idのキーとemployee_idの値を持つオブジェクトです:だから著者は同じように簡単に書かれている可能性が

var employee_id = $(this).attr("id") 

data:{employee_id:$(this).attr("id")}, 

表向き著者は、スクリプトにPOSTリクエストを送信するfetch.php、およびemployee_idを期待しているされて、の値が来ますsは、クリックされた要素のIDから取得します。あなたが先URLが送信されますと、いくつかの操作を行うことができ、データを送ることができAjaxリクエストで

+0

ありがとうございます。だから、fetch.phpは$ _POST変数 "employee_id"がデータベースに問い合わせるのを待っています。なぜ私はデータパラメータとして "{employee_id:employee_id}"の代わりに "employee_id"を渡すことができませんでしたが、なぜオブジェクト上にある必要がありますか?私はemployee_idオブジェクトを作成した場所を思い出しません。 –

+0

オブジェクトの文字列引数は有効で、受け取る情報の種類によって異なります。スクリプトが1つの値を待っているだけの場合は、文字列が意味を持ちますが、複数の値を渡していると、オブジェクトがおそらく意味をなさないでしょう。 – j08691

0

。私たちは、あなたが参照しているキーと値のペアがオブジェクトで、オブジェクトの形で

文字列またはアレイのデータを送信することができます。あなたの行を参照:

data:{employee_id:employee_id} 

それはあなたのアヤックスのdataフィールド()リクエストにオブジェクトを渡します。相手側で受信すると、このキーを使用して値を取得できます。

関連する問題