Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
提交表格';使用Javascript和HTML数据表创建数据_Javascript_Jquery_Ajax_Datatables - Fatal编程技术网

提交表格';使用Javascript和HTML数据表创建数据

提交表格';使用Javascript和HTML数据表创建数据,javascript,jquery,ajax,datatables,Javascript,Jquery,Ajax,Datatables,我有一个简单的datatable,显示从API接收的一些JSON数据。我编辑了我的表,这样,对于每一行,都有一个按钮,点击该按钮时,将向包含该特定行的值的URL发送Ajax请求 下面是发送请求的函数和呈现表的函数。我的表上有三列,当按下X按钮时,该行的id列的值将作为Ajax请求发送到外部URL 这段代码可以工作,但唯一的问题是,除了id的值之外,我还想编辑表,这样当按下按钮时,item列的值将与id一起发送,这样我的ajax请求就可以发送item和id,而不仅仅是id。有人能给我一些建议吗?提

我有一个简单的datatable,显示从API接收的一些JSON数据。我编辑了我的表,这样,对于每一行,都有一个按钮,点击该按钮时,将向包含该特定行的值的URL发送Ajax请求

下面是发送请求的函数和呈现表的函数。我的表上有三列,当按下
X
按钮时,该行的
id
列的值将作为Ajax请求发送到外部URL

这段代码可以工作,但唯一的问题是,除了
id
的值之外,我还想编辑表,这样当按下按钮时,
item
列的值将与
id
一起发送,这样我的ajax请求就可以发送
item
id
,而不仅仅是
id
。有人能给我一些建议吗?提前谢谢

$(文档).ready(函数(){
$(文档).on('单击','.btnClick',函数(){
var statusVal=$(此).data(“状态”);
console.log(statusVal)
callAJAX(“/request\u handler”{
“X-CSRFToken”:getCookie(“CSRFToken”)
},参数={
“医嘱ID”:statusVal
}“post”功能(数据){
console.log(数据)
},空,空);
返回false;
});
让orderstable=$('#mytalbe').DataTable({
“ajax”:“/myview”,
“数据类型”:“json”,
“dataSrc”:“”,
“栏目”:[{
“数据”:“项目”
}, {
“数据”:“价格”
}, {
“数据”:“id”
},],
“columnDefs”:[{
“目标”:[2],
“可搜索”:错误,
“可订购”:错误,
“渲染”:函数(数据、类型、完整){
返回“X”。替换(“替换”,数据);
}
}]
});
});

使用html数据属性,然后从正在单击/处理的行中获取它们,并一起发送

<col data-item="$thisItem" id="a1" ><button class='a1' /></col>
$.click((e) => {
  let class = "a1"; // use the relevant references or use jQuery's parent(), etc
  let colId = $("col#"+class);
  let data = colId.data['data-item']; // this way you have your item info in the scope, and you can send it.

$。单击((e)=>{
让class=“a1”//使用相关引用或使用jQuery的父级()等
设colId=$(“col#“+”类);
让data=colId.data['data-item'];//这样,您就可以在作用域中包含项目信息,并可以发送它。

from:

Hey!谢谢你的回答,我唯一不明白的是:我应该把代码放在哪里,我的意思是放在我自己代码的哪一部分?数据放在html中,在表格中,然后你将html中的数据读入javascript,你可以在那里执行
var statusVal=$(this).data(“status”)
这样再添加一个参数?谢谢!你能做一把小提琴让我把它弄得更好吗?