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);
   });
});

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

1 个答案: