>웹 프론트엔드 >JS 튜토리얼 >jQuery ajax에서 버튼과 제출의 차이점 분석

jQuery ajax에서 버튼과 제출의 차이점 분석

高洛峰
高洛峰원래의
2017-01-11 11:36:361111검색

<script type="text/javascript"> 
$(document).ready(function(){ 
$("#submit").click(function(){ 
$.post("sendPwd.php",{QQnum:$("#QQnum").val(),psw:$("#psw").val()},function(data){ 
$("#aaa").html(data); 
},"html"); 
}); 
}); 
</script>

이렇게 jQuery ajax post 메소드를 작성하면 제출 버튼을 클릭하고 sendPwd.php는 $_POST를 통해 전달된 값을 받은 다음 데이터를 에코합니다. 그러나 반환된 값은 표시할 수 없습니다. 그 이유는 다음과 같습니다.

<input type="submit" name="submit" id="submit" value="提交" />

제출 버튼의 유형은 제출이며 클릭 후 아무 일도 일어나지 않습니다. 우연히 클릭하면 결과가 나오는 걸 발견하고 다시 바꿔보니 이상하네요.. 온라인으로 확인해 보니 대부분의 버튼이 버튼형으로 설정되어 있어서 버튼으로 변경한 후 문제가 발생했습니다. 해결되었습니다.

버튼과 제출의 차이점은 무엇인가요?
제출은 주로 양식을 제출하는 데 사용됩니다. 제출 작업을 수행하는 특수 버튼입니다. 버튼은 주로 JavaScript로 작동하며 이것이 근본적인 차이점입니다. 제출을 사용하려면 확인에서 false를 반환해야 합니다. 버튼으로 설정하는 것이 더 편리한 것 같아요.

jQuery ajax에서 버튼과 제출의 차이점 분석에 대한 더 많은 관련 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.