Javascript 使用ajax在单击时删除记录
我想通过将while循环中生成的动态值传递给ajax来删除记录。 我想在jquery中传递$ef值。 (即)在删除图像的onclick事件中删除样本hrms trail.doc文件。 现在图像标记的onclick事件不显示任何操作Javascript 使用ajax在单击时删除记录,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我想通过将while循环中生成的动态值传递给ajax来删除记录。 我想在jquery中传递$ef值。 (即)在删除图像的onclick事件中删除样本hrms trail.doc文件。 现在图像标记的onclick事件不显示任何操作 while($fet=mysql_fetch_assoc($sql1)) { $file=$fet['f_name']; $ef=$fet['ef_id'];
while($fet=mysql_fetch_assoc($sql1))
{
$file=$fet['f_name'];
$ef=$fet['ef_id'];
$next1 = basename($file);
echo "<h3><a class=doc href='".$file."' title='".$file."' download><p style='margin-left:1cm;'>".$next1."</a>";
echo '<img src="image/delete1.png" id=".$ef."width="10" height="10" title="Remove" onclick="javascript:myFunction();">';
}
试试这个
while($fet=mysql_fetch_assoc($sql1))
{
$file=$fet['f_name'];
$ef=$fet['ef_id'];
$next1 = basename($file);
echo "<h3><a class='doc' href='".$file."' title='".$file."'><p style='margin-left:1cm;'>".$next1."</a>";
echo '<img src="image/delete1.png" id=".$ef." width="10" height="10" title="Remove" onclick="javascript:myFunction();">';
}
在delete_emp_file.php中
$echeck=“从员工文件中删除,其中ef_id=”。$\u POST['rmvfile']。”代码>
您可以传递$s
而不是$\u POST['rmvfile']
$echeck=“从员工文件中删除,其中ef\u id='$s'代码>您希望传递$ef变量,以便:
while($fet=mysql_fetch_assoc($sql1))
{
$file=$fet['f_name'];
$ef=$fet['ef_id'];
$next1 = basename($file);
echo "<h3><a class='doc' id=".$ef." href='".$file."' title='".$file."'><p style='margin-left:1cm;'>".$next1."</a>";
echo '<img src="image/delete1.png" width="10" height="10" title="Remove" onclick="javascript:myFunction();">';
}
如果要同时传递href和id,请执行以下操作:
function RemoveFile(id,link)
{
$.ajax({
type:'post',
url:'hrms/delete_emp_file.php',
data:{fid: id, rmvfile: link},
success:function(msg){
if (msg.length> 0) {
alert(msg);
}
}
});
}
$(".doc").on('touchstart click',function() {
var file_id = $(this).prop('id');
var file_link = $(this).prop('href');
RemoveFile(file_id,file_link);
});
下面是我的代码,用于删除您提到的从循环动态生成的图像
<ul class="hoverbox">
<?php
for($k=0;$k<$cardslen;$k++)
{
echo '<li class="inlineclass" id="ss'.$imagenames[$k]->id.'">';
echo '<div class="scrolllist"><div class="img-wrap" id="s'.$imagenames[$k]->id.'"><span class="close" id="'.$imagenames[$k]->id.'">×</span>';
echo '<img id="'.$imagenames[$k]->id.'" data-id="'.$imagenames[$k]->id.'~'.$folder.'" alt="'.$imagenames[$k]->title.'" class="imglarge" id="imgSmile<?php echo $k;?>" style="height: 120px;" src="../images/morfeoshow/'.$folder.'/thumbs/'.$imagenames[$k]->filename.'">';
echo '</div>';
echo '</li>';
}
?>
</ul>
我通过以下代码解决了这个问题
while($fet=mysql_fetch_assoc($sql1))
{
$next=$fet['f_name'];
$next1 = basename($next);
$ef=$fet['f_id'];
echo '<h4><a class="astext" href="'.$next.'" title="'.$next.'" target="_blank" download><p style="margin-left:1cm;">'.$next1.'</a>';
echo '<img src="image/delete1.png" alt="delete" style="width:10px;height:10px" title="Remove" onclick="myFunction('.$fet['f_id'].');">';
}
function myFunction(fid)
{
var rmvfile=fid;
if (confirm("Are you sure you want to Delete the file?") == true) {
if(fid!='')
{
$.ajax({
type:'post',
url:'delete_adm_file.php',
data:{rmvfile: rmvfile},
success:function(msg){
location.reload();
}
});
} } }
while($fet=mysql\u fetch\u assoc($sql1))
{
$next=$fet['f_name'];
$next1=basename($next);
$ef=$fet['f_id'];
回声';
回声';
}
功能myFunction(fid)
{
var rmvfile=fid;
if(确认(“您确定要删除文件吗?”)==true){
如果(fid!='')
{
$.ajax({
类型:'post',
url:'delete_adm_file.php',
数据:{rmvfile:rmvfile},
成功:功能(msg){
location.reload();
}
});
} } }
您尚未解释您遇到的问题。请编辑您的问题,作为补充说明,您不应该再使用mysql_*函数,因为它们已被弃用。看到类名声明上的红色大警告不正确。echo”“代码>和在Ajax jQuery中:var rmvfile=$(“doc”).val()代码>这应该是var rmvfile=$(“.doc”).val()代码>@ℛⱥℐℰşℎ 你应该把它作为一个答案而不是在评论中发布。是的,我在那里留下了空白,仍然有问题。你可以在浏览器中检查网页的来源吗。检查是否所有值都按照您的要求打印源页面id值打印为id=“.ef.”替换为id=“.ef.”“
script未重定向到delete_emp_file.php
function RemoveFile(id)
{
$.ajax({
type:'post',
url:'hrms/delete_emp_file.php',
data:{rmvfile: id},
success:function(msg){
if (msg.length> 0) {
alert(msg);
}
}
});
}
$(".doc").on('touchstart click',function() {
var file_id = $(this).prop('id');
RemoveFile(file_id);
});
function RemoveFile(id,link)
{
$.ajax({
type:'post',
url:'hrms/delete_emp_file.php',
data:{fid: id, rmvfile: link},
success:function(msg){
if (msg.length> 0) {
alert(msg);
}
}
});
}
$(".doc").on('touchstart click',function() {
var file_id = $(this).prop('id');
var file_link = $(this).prop('href');
RemoveFile(file_id,file_link);
});
<ul class="hoverbox">
<?php
for($k=0;$k<$cardslen;$k++)
{
echo '<li class="inlineclass" id="ss'.$imagenames[$k]->id.'">';
echo '<div class="scrolllist"><div class="img-wrap" id="s'.$imagenames[$k]->id.'"><span class="close" id="'.$imagenames[$k]->id.'">×</span>';
echo '<img id="'.$imagenames[$k]->id.'" data-id="'.$imagenames[$k]->id.'~'.$folder.'" alt="'.$imagenames[$k]->title.'" class="imglarge" id="imgSmile<?php echo $k;?>" style="height: 120px;" src="../images/morfeoshow/'.$folder.'/thumbs/'.$imagenames[$k]->filename.'">';
echo '</div>';
echo '</li>';
}
?>
</ul>
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">//<![CDATA[
$(window).load(function(){
$('.img-wrap .close').on('click', function() {
var id = $(this).closest('.img-wrap').find('.imglarge').data('id');
//alert(id);
var r = confirm("Do you want to remove this image!");
if (r == true) {
$.ajax({
url : "yoururl",
type: "POST",
data :{imageid:id},
success: function(data)
{
//alert(data);
$('#ss'+data).hide();
$('#sss'+data).hide();
$('#'+data).hide();
$('#s'+data).hide();
//location.reload();
},});
}
});
});//]]>
</script>
while($fet=mysql_fetch_assoc($sql1))
{
$next=$fet['f_name'];
$next1 = basename($next);
$ef=$fet['f_id'];
echo '<h4><a class="astext" href="'.$next.'" title="'.$next.'" target="_blank" download><p style="margin-left:1cm;">'.$next1.'</a>';
echo '<img src="image/delete1.png" alt="delete" style="width:10px;height:10px" title="Remove" onclick="myFunction('.$fet['f_id'].');">';
}
function myFunction(fid)
{
var rmvfile=fid;
if (confirm("Are you sure you want to Delete the file?") == true) {
if(fid!='')
{
$.ajax({
type:'post',
url:'delete_adm_file.php',
data:{rmvfile: rmvfile},
success:function(msg){
location.reload();
}
});
} } }