有人可以帮我理解$ .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');
}
});
});
答案 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
字段。在另一端收到时,您可以使用此键检索该值。