如何使用ajax jquery将datatable数据[0]发送到另一个php页面并加载该php页面
我使用datatable将数据库表转换为php。并且还编写了一个脚本来生成视图按钮。 我试图将datatable数据[0]发送到viewedit.php,同时加载viewedit.php,并在单击查看按钮时在文本框中回显该数据 这是我的密码。。请帮助我,朋友们 我的数据表代码和脚本如何使用ajax jquery将datatable数据[0]发送到另一个php页面并加载该php页面,php,html,jquery,ajax,datatable,Php,Html,Jquery,Ajax,Datatable,我使用datatable将数据库表转换为php。并且还编写了一个脚本来生成视图按钮。 我试图将datatable数据[0]发送到viewedit.php,同时加载viewedit.php,并在单击查看按钮时在文本框中回显该数据 这是我的密码。。请帮助我,朋友们 我的数据表代码和脚本 <div class="post-search-panel justify-content-center"> <input type=&q
<div class="post-search-panel justify-content-center">
<input type="text" id="searchInput" placeholder="Type ID or Name" />
</div>
<table id="memListTable" class="display table" style="width:100%">
<thead class="thead-dark">
<tr>
<th>Package_ID</th>
<th>Package_Name</th>
<th>Action</th>
</tr>
</thead>
<script>
// Initialize DataTables API object and configure table
var table = $('#memListTable').DataTable({
"searching": false,
"processing": false,
"serverSide": true,
"columnDefs": [ {
"targets": -1,
"data": null,
"defaultContent": "<button class=\"btn btn-primary\" data-toggle=\"modal\" data-target=\"#exampleModalCenter\">View</button>"
} ],
"ajax": {
"url": "getpackage.php",
"data": function ( d ) {
return $.extend( {}, d, {
"search_keywords": $("#searchInput").val(),
} );
}
}
});
$(document).ready(function(){
// Redraw the table
table.draw();
// Redraw the table based on the custom input
$('#searchInput').bind("keyup change", function(){
table.draw();
});
});
</script>
</table>
包装标识
包裹名称
行动
//初始化DataTables API对象并配置表
变量表=$('#memListTable')。数据表({
“搜索”:错误,
“处理”:假,
“服务器端”:正确,
“columnDefs”:[{
“目标”:-1,
“数据”:空,
“defaultContent”:“查看”
} ],
“ajax”:{
“url”:“getpackage.php”,
“数据”:功能(d){
返回$.extend({},d{
“搜索关键字”:$(“#搜索输入”).val(),
} );
}
}
});
$(文档).ready(函数(){
//重新画桌子
table.draw();
//根据自定义输入重新绘制表
$('#searchInput').bind(“键控更改”,函数(){
table.draw();
});
});
我的js脚本在同一页的下面
<script>
$(document).ready(function(){
$('#memListTable tbody').on( 'click', 'button', function () {
var data = table.row( $(this).parents('td') ).data();
//alert( data[0] +"'s salary is: "+ data[ 5 ] );
var pid = data[0];
var url = "viewedit.php";
//alert(pid);
$.post('viewedit.php', {pid : pid, sendpackage : true}, function(){
window.location=url;
//projectlist = $.parseJSON(data);
//alert(data);
//$('.package_viewing_data').html(data);
//$('#PackageViewModal').modal('show');
//$('.edit').modal(data);
//$('.display').removeId('#memListTable');
});
//$('.edit').html(data);
/*$.ajax({
url: 'viewedit.php',
dataType: 'json',
type: 'POST',
cache: false,
data: {pid: pid, sendpackage : true},
success:function(data){
alert(data);
$('.edit').html(data);
}
});*/
});
});
</script>
$(文档).ready(函数(){
$('#memListTable tbody')。在('单击','按钮',函数(){
var data=table.row($(this.parents('td')).data();
//预警(数据[0]+”的薪资为:“+数据[5]);
var pid=数据[0];
var url=“viewedit.php”;
//警报(pid);
$.post('viewedit.php',{pid:pid,sendpackage:true},function(){
window.location=url;
//projectlist=$.parseJSON(数据);
//警报(数据);
//$('.package_view_data').html(数据);
//$('#packageviewmodel').model('show');
//$('.edit').model(数据);
//$('.display').removeId('#memListTable');
});
//$('.edit').html(数据);
/*$.ajax({
url:'viewedit.php',
数据类型:“json”,
键入:“POST”,
cache:false,
数据:{pid:pid,sendpackage:true},
成功:功能(数据){
警报(数据);
$('.edit').html(数据);
}
});*/
});
});
viewedit.php代码
<?php
我需要将分配到var pid中的datatable数据[0]发送到viewedit.php文本框,并同时加载viewedit.php
有人能帮我吗?这是几个小时前的一份副本,目前已经关闭。请不要那样做。相反,你应该试着澄清原来的问题,以便重新打开。这是否回答了你的问题?
echo"<html>
<head></head>
<body>
<input type=\"text\" name=\"txtrecieve\" id=\"txtrecieve\" value=\".<?php echo $a; ?>.\">
</body>
</html>";
}