Ajax로 PHP에 입력 게시하기

필자는 일련의 입력 필드를 가지고 있으며 PHP 페이지에 값을 게시하여 처리하기 위해 페이지를 다시로드하지 않고 일부 데이터를 반환하고 싶습니다. 여기에 내가 지금까지 가지고있는 것이 있지만 아무런 데이터도 보이지 않는다.Ajax로 PHP에 입력 게시하기

HTML :

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script> 
$(document).ready(function() { 
    $("form").submit(function(form) { 
    $.ajax({ 
     type:"POST", 
     url:"catch.php", 
     data: $(this).serialize(), 
     success: function(data) { 
     $('#result').html(data); 
     console.log(data); 
     } 
    }); 

    form.preventDefault(); 
    }); 
}); 
</script> 
</head> 
<body> 
<form method="post" name="form"> 
<input type="submit" name="event" value="1" /> 
<input type="submit" name="event" value="2" /> 
<input type="submit" name="event" value="3" /> 
<input type="submit" name="event" value="4" /> 
</form> 
<div id="result"></div> 
</body> 
</html>

PHP :

<?php 

if(isset($_POST["event"])) 
{ 
    echo $_POST["event"]; 
} 

?>

출처

2016-10-17 user6368630

당신이 변경하면'데이터'에 data' :. $ ('양식') EQ (0) .serialize() '? – jonathanGB

제출 유형 입력 시리즈? 그리고 같은 이름의 각 버튼? – Farhan

입력란에 대해 언급했지만 모두이 버튼입니다. 입력 유형 = "텍스트"를 사용하고 이름을 각 입력에 대해 고유하게 변경하십시오. – Netham

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script> 


    $(document).ready(function() { 

    $('.event').on('click', function(){ 
    $('#event').val($(this).val()); 
    $('#event_form').submit(); 
    }); 
    $("form").submit(function(form) { 
    $.ajax({ 
     type:"POST", 
     url:"catch.php", 
     data: $(this).serialize(), 
     success: function(data) { 
     $('#result').html(data); 
     console.log(data); 
     } 
    }); 

    form.preventDefault(); 
    }); 
}); 
</script> 
</head> 
<body> 
    <form method="post" name="form" id="event_form"> 
<input name="event" id="event" value="" type="hidden"> 
    <input type="button" class="event" value="1" /> 
    <input type="button" class="event" value="2" /> 
    <input type="button" class="event" value="3" /> 
    <input type="button" class="event" value="4" /> 
    </form> 
<div id="result"></div> 
</body> 
</html>

출처

2016-10-17 19:51:12 Chris

대단히 고마워요! – user6368630

문제 없습니다. 코딩하는 동안 사용자 경험을 염두에 두는 것이 좋습니다. – Chris

Ajax로 PHP에 입력 게시하기

답변

관련 문제