Wie innerhalb eines iframe

Question

Ich habe ein Formular innerhalb eines iframe in meinem CodeIgniter Anwendung die POST-Daten aus einem Formular erhalten:

<div class="settings"><h2>Einstellungen</h2> 
    <div class="main-content"> 
    <iframe src="" name="main-content"> 
     <form id="new-role-form" method="post" action="<?php echo base_url('index.php/home/settings') ?>"> 
     <input class="role-input" type="text" placeholder="Rolle" name="role"><input class="role-input" type="password" placeholder="Passwort" name="password"><button class="button role-submit" type="submit"><span class="glyphicon glyphicon-plus"></span></button> 
     </form> 
    </iframe> 
    </div> 
</div> 

Bei dem Absenden dieses Formulars den folgenden Code sollte (der einreichen ausgeführt werden soll, Arbeits ich es getestet, ich die Eingänge der Form hier bekommen):

$(document).on('submit', '#new-role-form', function(event) { 
      var form = $(this); 
      var name = $('input[name="role"]', form).val(); 
      var password = $('input[name="password"]', form).val(); 
      $.ajax({ 
       url: '<?php echo base_url('index.php/ajax/insertRole'); ?>', 
       type: 'POST', 
       data: {name: name, password: password}, 
       success: function() { 
        alert("success"); 
       } 
      }); 
      event.preventDefault(); 
     }); 

Und das ist die insertRole Funktion meiner ajax-Controller:

public function insertRole() { 
     $this->Database->insert($this->input->post('name'), $this->input->post('password')); 
    } 

Hier wird der Fehler angezeigt: ...index.php/ajax/insertRole 500 (Internal Server Error)

Wie kann ich die POST-Daten aus einem Formular in einem Iframe abrufen?

Answer 1

Wenn Sie Probleme haben das ‚Senden‘ Ereignis fangen könnten Sie verwenden:

<script type="text/javascript"> 
    $('#frame').load(function() { 
     $(this).contents().find('form').submit(function() { 
      //do your stuff here 
     }); 
    }); 
</script> 

Um zu ‚warten‘ für die iframe geladen und dann das Ereignis vorlegen zu fangen. Sie können auch eine Funktion in der Hauptdatei erstellen:

function valueFromIframe(val) { 
    alert(val) 
} 

Und aus dem iframe nennen:

<script type="text/javascript"> 
parent.valueFromIframe("Hello world"); 
</script> 

Hope it