2011-04-24 30 views
14

wszystko, co chcę zrobić, to po kliknięciu przycisku Wyślij chcę, aby wszystkie dane formularza były POSTed do process.php ... następnie na process.php Chcę wypisać dane POST ... następnie zastąpić wszystko w wynikach div do tego, co zostało zrobione w process.php ...jQuery POST dane formularza

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#myform").submit(function() {  
      $.ajax({ 
       type: "POST", 
       dataType: "html", 
       cache: false, 
       url: "process.php", 
       success: function(data){ 
        $("#results").html(data);      
       } 
      }); 
      return false; 
     }); 

     //$("#myform").submit(function() { 
      //$('#results').html("yay");      
     //} 
      // }); 
     //});   
    }); 
</script> 

<form name="myform" id="myform" action="" method="POST"> 
<!-- The Name form field --> 
    <label for="name" id="name_label">zoom</label> 
    <input type="text" name="zoom" id="zoom" size="30" value=""/> 
    <br> 
</select> 


<!-- The Submit button --> 
    <input type="submit" name="submit" value="Submit"> 
</form> 

<!-- FORM END ---------------------------------------- --> 


<!-- RESULTS START ---------------------------------------- --> 
    <div id="results">nooooooo<?PHP $_SESSION[''] ?><div> 
    <!-- <input type="image" name="mapcoords" border="0" src="mapgen.php"> ---- --> 
<!-- RESULTS END ---------------------------------------- --> 
+4

Tak, to jest pytanie? – Nacho

+0

Twój kod wydaje się to robić (zimna kontrola). Jaki jest problem? – Halcyon

+0

I jaki jest problem? –

Odpowiedz

6
$("#myform").submit(function() {  
    $.ajax({ 
     type: "POST", 
     data : $(this).serialize(), 
     cache: false, 
     url: "process.php", 
     success: function(data){ 
      $("#results").html(data);      
     } 
    }); 
    return false; 
}); 

testowy to

+0

Sprawdziło się doskonale dla mnie! –

33

można zadzwonić $.post przekazywanie danych formularzy do postaci szeregowej. tak:

<script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#myform").submit(function() {  
       $.post(
       'process.php', 
       $(this).serialize(), 
       function(data){ 
        $("#results").html(data) 
       } 
      ); 
       return false; 
      }); 
     }); 
</script> 
+1

dziękuję, że działało jak czar – LabRaTT

+0

keepitterron, który działa, ale teraz chcę zmienić jedną rzecz ... mam