Wie eine AJAX-Anforderung in einer JS Popup machen?
Frage
Ich habe ein Problem mit einem "Special" AJAX Request. Ich habe ein Formular mit mehreren Kombinationen ( „Select“ tag). Ich lade die Einzelteile für jeden Combo aus einer MySQL-DB, mit einer Sonderklasse für mich entworfen. Jede Combo hat einen „+“ Button (Für Öffnen Sie ein Pop-Up und einen neuen Eintrag hinzufügen). Wenn der Benutzer „Speichert“ den neuen Wert, sollte der AJAX-Request laufen, aber nichts passiert. Ah, ein weiteres Detail:. Wenn der neue Wert automatisch schließt in der DB, die Pop-up gespeichert ist
Dies ist der Pop-Up-Code (PHP):
<?php
require ("class\BD.php");
require ("class\combos.php");
require ("xajax/xajax_core/xajax.inc.php");
$Conex = new BD();
if (isset($_POST['GuardarTipoSist']))
{
$Ajax = new xajax();
function cargarTipoSistema()
{
$Combo = new combos();
$Combo->setParams('cobTipo',$Conex);
$Contenido = $Combo->CargarCombo();
$AjaxResponse = new xajaxResponse();
$AjaxResponse->assign("cobTipo","innerHTML",$Contenido);
}
$Ajax->registerFunction("cargarTipoSistema");
$TipoSist = $_POST['txtTipoSist'];
$Query = "INSERT INTO Tipos_Sistemas VALUES(NULL,'$TipoSist')";
$Conex->query($Query);
$Ajax->processRequest();
echo '<script>alert("Guardado Correctamente"); return true; window.close();</script>';
}
?>
Und dies ist der HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ingresar Tipo Sistema - GESPROGAN</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
<!--
.Estilo2 {
font-size: 16px;
color: #827BCC;
}
.Estilo12 {
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
font-style: italic;
}
-->
</style></head>
<script type="text/javascript" language="javascript" src="validaciones.js"></script>
<body>
<table width="390" height="270" border="1">
<tr>
<td bordercolor="#F0F0F0" background="images/dominios tipo sistema.png" width="380" height="264"><p> </p>
<p> </p>
<form name="DomTipoSist" action="dominios_tipo.php" method="POST" onsubmit="return validarIngDatHac(); return true;">
<table width="371" height="166" border="1" align="center">
<tr>
<th width="361" height="160" scope="col"><p class="Estilo2">POR FAVOR INGRESE EL NUEVO TIPO DE SISTEMA </p>
<table width="341" height="68" border="1">
<tr>
<td height="27" colspan="2">
<input id="txtTipoSist" name="txtTipoSist" type="text" size="55"/>
</td>
</tr>
<tr>
<td width="162" height="33">
<div align="center">
<input id="GuardarTipoSist" name="GuardarTipoSist" type="submit" value="GUARDAR"/>
</div>
</td>
<td width="163">
<div align="center">
<input id="Cancelar" name="Cancelar" type="button" value="CANCELAR" onclick="javascript:window.close()"/>
</div>
</td>
</tr>
</table>
<p class="Estilo2"><span class="Estilo12"> - GESPROGAN.. <strong><em>© </em></strong>Todos los Derechos Reservados 2010- -</span></p>
</th>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
Der AJAX-Request shoud die Combo in der "Parent-Form", mit allen Einträgen der BD (inklusive die neuen) neu zu laden.
Meine Frage ist, kann ich den AJAX-Request in dem Pop-Up tun? Oder wie kann ich das tun?
Vielen Dank im Voraus!
PS: Sorry für mein Englisch, ich bin kein „Gebürtig-Lautsprecher“.
Lösung
Führen Sie die Ajax-Anfrage im Hauptfenster nicht in dem Popup. So zum Beispiel, wenn Sie das Formular in dem Popup vorlegen, macht einen window.opener.cargarTipoSistema ();