как использовать ту же функцию ajax для нескольких кнопок

Я хочу вызвать ту же функцию ajax для нескольких кнопок, пожалуйста, помогите мне, приведенный ниже код. этот код будет генерировать кнопки, и когда мы нажимаем на кнопки, он печатает детали ... пожалуйста, решите. Этот код будет генерировать кнопки в таблице.как использовать ту же функцию ajax для нескольких кнопок

<head> 
<script> 
$(document).ready(function() 
{ 
$("#save").click(function() 
{ 
var sel = $("#response").val(); 
var fudate=$("#fdate").val(); 
var cmd=$("#cm").val(); 
var id=$("#id").val(); 
$.ajax(
    { 
     type: "POST", 
     url: "autosave.php", 
     data: {response:sel,fdate:fudate,cm:cmd,id:id}, 
     success: function(result) 
     { 
alert('result'); 
      $a= $("#ak").html(result); 
     } 
    }); 
}); 
}); 
</script> 
</head> 
<body> 
<div id="company_details"> 
<div id="ak"></div> 
<table border="1" align="left"> 
<tr> 
<th >Company</th> 
<th>Contact Person</th> 
<th>Contact Person's No.</th> 
<th>HR</th> 
<th>HR's No.</th> 
<th>Current Vacancies</th> 
<th>Response</th> 
<th>Follow Up Date</th> 
<th>Comment</th> 
<th></th> 
<th>Edit</th> 
</tr> 
<?php 
$con=mysql_connect("localhost","root") or die("Error In Connection:-".mysql_error()); 
mysql_select_db("ttcs",$con) or die("Error In DB Selection:-".mysql_error()); 
$sql="select * from company_details"; 
$rs=mysql_query($sql) or die(mysql_error()); 
while($row=mysql_fetch_array($rs)) 
{ 
?> 
<tr> 
<td> 
<input type="text" name="name" value= <?php $e=$row[0];echo $row[1];?>></td>        
<td><input type="text" name="cp" value= <?php echo $row[7]; ?>></td> 
<td><input type="text" name="cpn" value= <?php echo $row[9]; ?>></td> 
<td><input type="text" name="hr" value= <?php echo $row[10]; ?>></td> 
<td><input type="text" name="hrn" value= <?php echo $row[12]; ?>></td> 
<td> 
<?php 
$sql2="select * from vacancies where company_id='$e'"; 
$rs2=mysql_query($sql2); 
if($rs2) 
{ 
while($row2=mysql_fetch_array($rs2)) 
{?> 
<textarea name="cv" value=<?php echo $row2[1];?>></textarea> 
<?php }}?> 
</td> 
<td> 
<select name="response" id="response"> 
<option value="Not interested">Not Interested</option> 
<option value="Not responding">Not Responding</option>         
<option value="follow up">Follow up</option> 
<option value="Interested">Interested</option> 
</select></td> 
<?php 
$sql1="select * from call_details_company where company_id=$row[0]"; 
$rs1=mysql_query($sql1); 
$row1=mysql_fetch_array($rs1); 
?> 
<input type="date" name="fdate" id="fdate" value=<?php echo $row1[3];?>>    
<input type="text" name="cm" id="cm" value=<?php echo $row1[5];?>> 
<button id="save" >save</button> 
</td> 
</tr> 
<?php 
} 
?> 
</body>

источник

2014-01-13 user3189828

обернуть АЯКС вызов внутри функции так же, как любой другой код –

ID элемента должно быть уникальным, так что в петле не использует ID, изменить идентификатор кнопки к значению класса затем использовать имя входного элемента найти относительные элементы в тр

$(document).ready(function() { 
    $(".save").click(function() { 
     var $tr = $(this).closest('tr') 
     var sel = $tr.find("select").val(); 
     var fudate = $tr.find('input[name="fdate"]').val(); 
     var cmd = $tr.find('input[name="cm"]').val(); 
     //need to fix this selector #id too, not able to locate it in the given html structure 
     var id = $tr.find("#id").val(); 
     $.ajax({ 
      type: "POST", 
      url: "autosave.php", 
      data: { 
       response: sel, 
       fdate: fudate, 
       cm: cmd, 
       id: id 
      }, 
      success: function (result) { 
       alert('result'); 
       $a = $("#ak").html(result); 
      } 
     }); 
    }); 
});

источник

2014-01-13 11:09:01

@ A.Wolff спасибо исправлено сейчас –

он работает, но не может справиться со значениями. он получает только первое значение текстового поля. пожалуйста, помогите найти конкретные значения для конкретной строки – user3189828

@ user3189828, значение которой не найдено –

использование как этого

<script> 
function ajaxCallDemo() { 
    var sel = $("#response").val(); 
    var $tr = $(this).closest('tr'); 
    var cmd = $tr.find("input[name='cm']").val(); 
    var fudate = $tr.find("input[name='fdate']").val(); 
    var id = $tr.find("#id").val(); 
    $.ajax({ 
     type: "POST", 
     url: "autosave.php", 
     data: { 
      response: sel, 
      fdate: fudate, 
      cm: cmd, 
      id: id 
     }, 
     success: function(result) { 
      alert('result'); 
      $a = $("#ak").html(result); 
     } 
    }); 
} 
$(document).ready(function() { 
    $("#save").click(function() { 
     ajaxCallDemo(); 
    }); 
    $("#save2").click(function() { 
     ajaxCallDemo(); 
    }); 
}); 
</script>

источник

2014-01-13 11:08:18

+1, но вы можете использовать ссылку функционировать синтаксис:. '$ («# сохранить») нажмите кнопку (ajaxCallDemo); ' –

@ A.Wolff все еще селектор 'var cmd = $ (" # cm "). Val()' не будет работать –

@ArunPJohny я вижу его сейчас, thx –

как использовать ту же функцию ajax для нескольких кнопок

ответ

Смежные вопросы