jquery - 在 jquery 中使用 $.get 时 .submit 和 .click 有区别吗？

Question

我有一个非常奇怪的问题：第一个功能可以正常工作并按应有的方式获取信息，第二个可以正常工作，第三个功能不能正常工作。（我在测试时对它们进行了评论）我尝试了一点，$.post但是作为 jquery 的新手，试图让它更简单，更简单地获取一些信息。.click(function()工作方式不同 吗 .submit(function()？

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">

 $(document).ready(function(){

    $('#mybutton').click(function(){
    $.get("<?echo base_url();?>index.php/example",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
    });
    });

    $('#emailform').submit(function(){
    alert("UNDERSTOOD");
    });

    //This does not work when at all, including when commenting the above function above out.   
    $('#emailform').submit(function(){
    $.get("<?echo base_url();?>index.php/example",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
    });
    });
});

</script>

Answer 1

如果要在提交事件上发送 ajax 请求，则应阻止事件的默认操作：

$('#emailform').submit(function(event){
   event.preventDefault()
   $.get("<?echo base_url();?>index.php/example",function(data,status){
      alert("Data: " + data + "\nStatus: " + status);
   });
});