ajax自动双重提交问题 [英] ajax automatically double submit problem

问题描述

嘿伙计们，我有这个奇怪的问题，并且firebug没有显示任何使得事情更难跟踪的错误，每当我插入新数据时，它都会提交两次。



这是我的ajax：

Hey guys, I have this weird problem, and firebug is not showing any error that make things harder to track, whenever I insert new data, it submits twice.

Here's my ajax:

$('#submit').click(function(){
        
        if($('#titleID').val().length <=0 || $('#genreIDID').val().length<=0){
              $("#InsertSuccessPrompt").css({"display":"none"});     
              $("#InsertEmptyPrompt").css({"display":"inline","color":"Red"});
                 return false;    
        }
        else{
              $.ajax({
              type: 'POST',
              url:'http://localhost/AnimeInventory/index.php/maincontroller/insertForm',
              data:{title : $('#titleID').val(),genreid : $('#genreIDID').val()},
              dataType:'JSON',
              success: function(){
            }
          });
           $("#InsertEmptyPrompt").css({"display":"none"});     
           $("#InsertSuccessPrompt").css({"display":"inline","color":"Green"});
           return false;
}
});

这是我的PHP代码：

Here's my php code:

<?php $genreList = array('1'=>'Comedy','2'=>'Action','3'=>'Sci-fi');
     
      echo form_open('mainController/insertForm','id="JSInsertEvent"');
      echo '<table><tr><td>';
      echo form_label('Title').'</td><td>';
      echo form_input('title','','id="titleID"').'</td></tr><tr><td>';
      echo form_label('Genre').'</td><td>';
      echo form_dropdown('genreid',$genreList,'','id="genreIDID"').'</td></tr><tr><td>'; 
      echo form_submit('Submit','Submit Button','id="submit"').'</td><td>';
      echo '<span id="InsertSuccessPrompt" style="display:none">Inserted</span>';
      echo '<span id="InsertEmptyPrompt" style="display:none">Please fill up the title box</span>';
      echo form_close().'</td></tr>';
      ?>

也许有人在这里已经遇到过这个之前的问题，谢谢，

Maybe someone here already faced this problem before, Thanks,

推荐答案

（' ＃submit '）。点击（功能（）{

if （

('#submit').click(function(){ if(

（' ＃titleID'）。val（） .length< = 0 ||

('#titleID').val().length <=0 ||

（' < span class =code-string>＃genreIDID'）。val（）。length< = 0 ）{

('#genreIDID').val().length<=0){

这篇关于ajax自动双重提交问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！