$(".form").click(function(){
$.post(
'/forms/ajax.php',{
id:form.id.value
},
function(output){
$('#ajax').html(output).fadeIn(50)}, 500);
}
);
$n=1;
while(//LOOP ALL LIST FROM DB){
echo"
<form id='form' class='form'>
<div class='content'>".$n.". ".$title[$n-1]."</div>
<input type='hidden' name='id' value='".$id."'/>
</form>
";
$n++
}
У меня есть использование страницы, в то время как цикл вытесняет весь список, каждый список может щелкнуть, а jquery будет отправлять данные на другую страницу и отправлять данные обратно.
Моя проблема заключается в том, как я могу использовать один скрипт $ post для всего списка.
ех. если list_1 щелкнуть, он отправит данные list_1. если list_3 щелкнет, он будет отправлять данные list_3
Совсем просто. this
относится к элементу dom, поэтому вызовы вроде $(this).submit()
или $(this).serialize()
будут либо отправлять форму, либо давать сериализованную строку с содержимым формы.
$('.form').on('submit', function(e) {
e.preventDefault(); // prevents form from submitting
$.post('/form/ajax.php', { $(this).serialize() }, function(output) {
$('#ajax').html(output).fadeIn(50);
});
});
Пример, предупреждающий сериализованные данные, можно найти в этой скрипке