Problema Ajax-php

**rendertin** · 24-01-2015, 15:47

Ciao ragazzi, vorrei un aiuto al seguente problema:

pagina1:

codice:

 	<html>
<head>
//inserisco il documento Ajax
</head>
<body>
<form name="m" onsubmit="AjaxCall('m', 'POST', 'ciao.php', 'cio'); return false;">
<div id="cio"></div>
//inserisco un bottone che al click mi faccia comparire 'ciao.php'
</body>
</html>

ciao.php:

codice:

 	<html>
<head>
//inserisco il documento Ajax
</head>
<body>
<form name="s" onsubmit="AjaxCall('s', 'POST', 'ciao_1.php', 'ciol'); return false;">
<div id="ciol"></div>
//inserisco un bottone che al click mi faccia comparire 'ciao_1.php'
</body>
</html>

ciao_1.php:

codice:

 	<?php
echo 'sasso';
?>

Il problema che ho è nel passaggio con ajax dal secondo al terzo file...

Cioè:
Nella pagina1 clicco e all'onsubmit mi compare ciao.php, il problema è che poi cliccando il bottone comparso non mi appare la scritta 'sasso' del file ciao_1.php...

Aiutatemi se riuscite a capire qualcosa.. se no cercherò di essere più chiaro

**tampertools** · 24-01-2015, 18:59

La funzione AjaxCall?

**rendertin** · 24-01-2015, 20:46

Eccola, scusami:

codice:

function AjaxCall(AjaxForm, AjaxMethod, AjaxFile, AjaxHtml)
{
    var AjaxObject, AjaxText;
    AjaxText = document.getElementById(AjaxHtml);
    try
    {
        window.XMLHttpRequest ? AjaxObject = new XMLHttpRequest() : AjaxObject = new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch (e)
    {
         AjaxText.innerHTML = "AJAX non funziona sul tuo browser";
    }
    AjaxObject.onreadystatechange = function()
    {
        if (AjaxObject.readyState == 4)
        {
            AjaxObject.status == 200 ? AjaxText.innerHTML = AjaxObject.responseText : AjaxText.innerHTML = "Si è verificato un errore nel tentativo di usare AJAX";

            document.body.style.cursor = "default";
        }
        else
        {
           document.body.style.cursor = "wait";
        }
    }
    AjaxObject.open(AjaxMethod, AjaxFile, true);
    if (AjaxMethod == "GET")
    {
        AjaxObject.send(); 
    }
    else
    {
        var AjaxCount = 0;
        var AjaxString = "";
        var AjaxForms = document.forms[AjaxForm];
        var AjaxElements = AjaxForms.elements.length;
        for (AjaxCount=0; AjaxCount<AjaxElements; AjaxCount++)
        {
            var AjaxType = AjaxForms.elements[AjaxCount].type.toLowerCase();
            if (AjaxType != "button" && AjaxType != "submit" && AjaxType != "image" && AjaxType != "reset")
            {
                if (AjaxType == "radio" || AjaxType == "checkbox")
                {
                    if (!AjaxForms.elements[AjaxCount].checked)
                    {
                        AjaxString += AjaxForms.elements[AjaxCount].value;
                    }
                }
                AjaxString += AjaxForms.elements[AjaxCount].name + "=" + encodeURIComponent(AjaxForms.elements[AjaxCount].value);
                if (AjaxCount < AjaxElements) AjaxString += "&";
            }
        }
        AjaxObject.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        AjaxObject.setRequestHeader("Content-length", AjaxString.length);
        AjaxObject.setRequestHeader("connection", "close");
        AjaxObject.send(AjaxString);
    }
}

**cavicchiandrea** · 24-01-2015, 21:35

Se ho capito la logica il problema potrebbe essere perché annidi due forum uno dentro l'altro (non smesso) fai questa prova sposta il div id=cio fuori dal form

**marino51** · 24-01-2015, 22:38

ho seguito il consiglio di andrea, poi ho sostituito post con get e funziona,
quindi l'errore sembra essere nella parte post della funzione "AjaxCall"

**marino51** · 25-01-2015, 01:05

non ho trovato un errore nei tuoi script, in ogni caso ti posto la mia versione, che conserverò nel caso mi possa servire in futuro

win7 ie11,AjaxCall_1.php (può avere anche estensione .htm)

codice HTML:

<html><head><script src="AjaxCall.js"></script></head><body>
<div id="ris1">
  <form name="m" onsubmit="AjaxCall('m', 'POST', 'AjaxCall_2.php', 'ris1'); return false;">
    <input type="submit" id="bottone" name="bottone" value="Next AjaxCall_2">
  </form>
</div>
</body></html>

AjaxCall_2.php (deve avere estensione .php)

codice HTML:

<html><head><script src="AjaxCall.js"></script></head><body>
<div id="ris2">
  <form name="s" onsubmit="AjaxCall('s', 'POST', 'AjaxCall_3.php', 'ris2'); return false;">
    <input type="submit" id="bottone" name="bottone" value="Next AjaxCall_3">
  </form>
</div>
</body></html>

AjaxCall_3.php (deve avere estensione .php)

codice HTML:

<?php echo 'sasso'; ?>

AjaxCall.js, ho pasticciato un po' ma, di fatto, senza variazioni
tutto funziona bene
con "GET" le estensioni degli script diventano meno importanti

**rendertin** · 25-01-2015, 01:30

Perfetto ragazzi, ho risolto, grazie mille a tutti, sempre disponibilissimi!

Discussione: Problema Ajax-php

Strumenti discussione

Ricerca discussione

Visualizza

Problema Ajax-php

Permessi di invio