phonegap envío de formulario al servidor remoto
Este es mi problema: tengo un formulario en index.html, tendrá una entrada de texto y el valor será $ .post en una página php que debería procesarlo y devolverá un valor. Mi código
index.html:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
<script>
function get(){
$.post('http://xxx/xxx/get.php', {name: form.name.value},
function(output){
$('#result').html(output).show();
});
}
</script>
</head>
<body>
<div data-role="page" id="header">
<div data-role="header">
<h1>Header</h1>
</div>
<div data-role="content">
<form name="form" id="form">
<input type="text" name="name"><input type="button" value="Get Output" onClick="get();">
</form>
<p> result here: </p>
<div id="result"></div>
</div>
<div data-role="footer">
<h4>Footer</h4>
</div>
</div>
</body>
</body>
</html>
and get.php
<?php
$name = $_POST['name'];
echo $name;
?>
Esta es una codificación simple para mi propósito de prueba. Como podemos ver en el código, cualquier texto que ingresemos en el campo de texto se procesará en get.php. Como puse echo $ name allí, el nombre DEBE mostrarse en div id = result en index.html. Creo que entendí bien el código, pero simplemente no funcionó. Entonces necesito ayuda de los expertos aquí ... ¿qué hice mal?