[Ajax] Verzenden html-data

[RickvanHaas]

Ik heb een voorbeeldunctie gemaakt onder een formulier. De getypte tekst uit de textarea (TinyMCE-editor) wordt dan in een div getoond, nadat deze met ajax is verstuurd.

Dat gaat prima, totdat er <p>-tags in voorkomen. Op dat moment wordt de getoonde tags bij die tag afgebroken, en wordt de rest niet getoond.

De ajax functie is:

JavaScript:

function show_example()
{
    tinyMCE.triggerSave(true,true);

    var xmlHttp = new XMLHttpRequest();


    xmlHttp.open("POST", '../ajax/show_preview.php', false);
    
    xmlHttp.onreadystatechange = function()
    {   
        if(xmlHttp.readyState==4)
        {           
            showLayer('example', '550')
            document.getElementById('example').innerHTML = xmlHttp.responseText;
        }   
    }   
    
    var text = tinyMCE.activeEditor.getContent();
    
    xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');  
    xmlHttp.send('text=' + text + '&title=' + document.getElementById('title').value ); 


}

Hoe kan ik er voor zorgen dat de volledige tekst getoond wordt in het voorbeeld?
Rick

[Bosmonster]

Volgens mij als er op deze manier een = of & of wat dan ook in staat gaat het ook fout.

Helpt het om de text te encoden met encodeURIComponent()?

Gebruik anders een goede ajax-library zoals die van Mootools, dan werkt het ook direct x-browser.

[RickvanHaas]

encodeURIComponent does the trick!