Botones de radio que alternan la función de campo de formulario de PHP con AJAX

Tiene botones de radio para disparar diferentes funciones de PHP .. Por el momento, ¡la página simplemente parpadea cuando se hace clic en el botón de enviar!

¡PARECE QUE LAS NECESIDADES .PHP SE DESPLAZAN!

Quisiera que las funciones funcionen sin una actualización de página, por lo tanto, AJAX …

El campo Formulario debe enviar una cadena al PHP cuando se hace clic en el botón Enviar (Retorno), sujeto al botón de opción seleccionado.

http://bootply.com/61461

PÁGINA HTML

A Form to input plain English and output Pig Latin

Choose whether or not you want to have the English input echoed on the output as Pig Latin:




Text Will Post Here

PÁGINA PHP:

     Pig Latin PHP      

AJAX SCRIPT (gracias a la respuesta de ogc-nick):

   function showTxt(str) { var xmlhttp; if (str.length==0) { document.getElementById("return-text").innerHTML=""; return; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("return-text").innerHTML=xmlhttp.responseText; } } xmlhttp.open("POST","piglatinajax.php", true); xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); var dataString = $('form').serialize(); xmlhttp.send(dataString); } 

Gracias por mirar

Parece que su solicitud está enviando los datos en la variable $ _GET q pero su php está buscando los índices. Necesita agregar datos de publicación en el método de envío como tal

 var optionsRadios = document.forms[formname].optionsRadios.value; var yourText = document.forms[formname].yourText.value; xmlhttp.send("optionsRadios=" + optionsRadios + "&yourText=" + yourText); 

Referencia: http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp