कोडनिर्देशक AJAX त्रुटि उपयोगकर्ता ईमेल जांच

Question

मैंने कोडनिर्देशक ढांचे में ईमेल उपलब्धता की जांच के लिए एक सरल कोड AJAX अनुरोध बनाया है। लेकिन, मुझे हर बार त्रुटि मिलती है। और यह नहीं पता कि इसे कैसे हल किया जाए। नीचे मेरा पाद लेख जेएस स्क्रिप्ट है (jquery और अन्य बाहरी स्क्रिप्ट के बाद)।

<script> 

    $(document).ready(function() { 
     $("#loading").hide(); 
     $("#email").blur(function() { 
      var email_val = $("#email").val(); 
      var filter = /^[a-zA-Z0-9]+[a-zA-Z0-9_.-]+[a-zA-Z0-9_-]+@[a-zA-Z0-9]+[a-zA-Z0-9.-]+[a-zA-Z0-9]+.[a-z]{2,4}$/; 
      if (filter.test(email_val)) { 
       // show loader 
       $('#loading').show(); 
       jQuery.ajax({ 
        type: "POST", 
        url: "<?php echo site_url()?>users/check_email_ajax", 
        dataType: 'json', 
        data: { 
         '<?php echo $this->security->get_csrf_token_name(); ?>' : '<?php echo $this->security->get_csrf_hash(); ?>', 
         'email': 'email_val' 
      }, 

       success: function (response) { 
        if(response){ 
         $('#loading').hide(); 
         console.log(response.message); 
         $('#msg').html(response.message) 
         $('#msg').show().delay(10000).fadeOut(); 
        } 
       }, 
        error: function(error){ 
         $('#loading').hide(); 
         console.log("There is some errors on server : " + error.error); 
        } 
       }) 
      } 
     }); 
    }); 

और इस डाटाबेस

public function check_email_ajax(){ 
    // allow only Ajax request 
    if($this->input->is_ajax_request()) { 
     // grab the email value from the post variable. 
     $email = $this->input->post('email'); 
     // check in database - table name : users , Field name in the table : email 
     if(!$this->form_validation->is_unique($email, 'users.email')) { 
      // set the json object as output 
      $this->output->set_content_type('application/json')->set_output(json_encode(array('message' => 'The email is already taken, choose another one'))); 
     }else{ 
      $this->output->set_content_type('application/json')->set_output(json_encode(array('message' => 'you can use this email'))); 
     } 
    } 
} 

में और पंजीकरण फार्म मैं ईमेल इनपुट के लिए इस क्षेत्र है में ईमेल की जांच करने के लिए अपने उपयोगकर्ता नियंत्रक समारोह है:

<div class="col-sm-5"> 
       <input type="email" id="email" name="email" class="form-control"> 
       <span id="loading"><img src="<?php echo base_url(); ?>ajax-loader.gif" alt="Ajax Indicator" /></span> 
      <div id="msg"></div> 
      </div> 

लेकिन अब हर बार जब मैं इनपुट का मूल्य बदलता हूं। मुझे console.log पर त्रुटि मिलती है

There is some errors on server : function(){if(c){var a=c.length;m(arguments),i?k=c.length:e&&e!==!0&&(j=a,n(e[0],e[1]))}return this} 

कोई भी इसे ठीक करने के बारे में जानता है?

error: function (error) { 
    $('#loading').hide(); 
    console.log("There is some errors on server : " + error.error); 
} 

jQuery documentation से::

error
Type: Function(jqXHR jqXHR, String textStatus, String errorThrown) A function to be called if the request fails. The function receives three arguments: The jqXHR (in jQuery 1.4.x, XMLHttpRequest) object, a string describing the type of error that occurred and an optional exception object, if one occurred. Possible values for the second argument (besides null) are "timeout", "error", "abort", and "parsererror". When an HTTP error occurs, errorThrown receives the textual portion of the HTTP status, such as "Not Found" or "Internal Server Error." As of jQuery 1.5, the error setting can accept an array of functions. Each function will be called in turn. Note: This handler is not called for cross-domain script and cross-domain JSONP requests. This is an Ajax Event.

क्या आप console.log साथ प्रवेश कर रहे हैं jqXHR पैरामीटर है

Answer 1

क्या आप और एक सफल डिबग के बीच खड़ा है यह हिस्सा है। यह काम करना चाहिए:

error: function (jqXHR, errorType, error) { 
    $('#loading').hide(); 
    console.log(errorType + ": " + error); 
} 

एक बार जब आपको वास्तविक त्रुटि संदेश मिलता है तो आप समस्या की जड़ तक पहुंच सकते हैं।

Answer 2

मैंने पहले इस अभ्यास को किया है, इसलिए यहां मेरी अजाक्स लिपि है जिसका मैंने उपयोग किया था। ईमेल उपलब्धता प्राप्त करने के लिए मैंने आपके द्वारा एक अलग दृष्टिकोण लिया है। मैंने नियंत्रक कोड नहीं रखा है क्योंकि यह आपके नियंत्रक के लिए पतला लगता है।

public function check_email_availability(){ 

    $data = $this->input->post(); 

    $this->form_validation->set_error_delimiters('<span class="error">', '</div>');  

    if (($this->form_validation->run('email_verification') == FALSE)){   
     echo form_error('email'); 
    } else {    
     unset($_POST); 
     echo '<span style="color:green;" id="emailIsValid">Available</span>'; 
    } 

} 

मैं config अंदर सत्यापन जोड़ लिया है:

$(document).ready(function() { 
     //Your Email on key press 
     $("#email").keyup(function() { 

     var email = $(this).val(); 
     if (email.length > 3) 
     {  
     $.ajax({ 
      type: 'POST', 
      url: emailAvailability_url, 
      data: { 
       email: email 
      }, success: function(data) { 

       // Your Ajax Resonse Here 

      } error: function (jqXHR, errorType, error) { 
       $('#loading').hide(); 
       console.log(errorType + ": " + error); 
      } 
     }); 

     } 
    }); 
}); 

इस नियंत्रक कोड है जो मैं प्रयोग किया जाता है।

'email_verification' => array(
      array(
        'field' => 'email', 
        'label' => 'Email', 
        'rules' => 'required|max_length[50]|valid_email|is_unique[table_name.email]', 
        'errors' => array(
          'required' => 'Email is required.', 
          'valid_email' => 'Plese Enter Valid Email', 
          'is_unique' => 'That Email is already taken. Try Again With New Email.' 
        ) 
      ) 
) 

उत्तर का इरादा बस मदद करने का प्रयास है। तो यदि आप अपनी विधि से चिपकना चाहते हैं तो यह पूरी तरह से आपकी पसंद है। धन्यवाद

Answer 3

मुझे खेद है, मैंने समाधान की स्थापना की है। ऐसा इसलिए है क्योंकि मैंने उपयोगकर्ता नियंत्रक के निर्माता में प्रमाणीकरण का उपयोग किया है। मैंने फॉर्म एक्शन को दूसरे कंट्रोलर में बदल दिया है और इसे पूरा किया है। अब मुझे ईमेल उपलब्धता संदेश मिलता है लेकिन अगर इससे पहले कि मुझे कुछ भी नहीं मिला तो उसे लिया गया। कोई AJAX लोडिंग gif दिखाया गया है!