这个关键字:这个ajax函数中的值对是什么?

时间:2017-04-05 16:28:58

标签: jquery ajax

有人可以帮我理解$ .ajax调用中的这个键值对data:{employee_id:employee_id},吗?我一直在网上搜索,我看到人们以许多不同的方式使用这个数据参数。我看到人们在那里放置一个函数,我看到人们放了几个关键值对,比如name=john&age=36,最后我特别询问data:{employee_id:employee_id},。冒号是什么,为什么两边都一样?

$(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');  
                }  
           });  
      }); 

2 个答案:

答案 0 :(得分:1)

该行:

data:{employee_id:employee_id},  

object传递给data请求的.ajax()设置。冒号将键与对象中的值分开。

{employee_id:employee_id}是一个密钥为employee_id且值为employee_id的对象,但该值实际为$(this).attr("id"),因为它设置了几行上面的:

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

所以作者可以这么容易写:

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

表面上,作者正在向脚本fetch.php发送POST请求,并期待employee_id,其值来自被点击的元素的ID。

答案 1 :(得分:0)

使用Ajax请求,您可以发送目标网址将接收的数据,并可以进行一些操作。我们可以通过对象字符串数组

的形式发送数据

您所指的键值对是对象。参考你的专栏:

data:{employee_id:employee_id}

它将对象传递给.ajax()请求的data字段。在另一端收到时,您可以使用此键检索该值。