AJAX / JSON ile bir formu göndermek nasıl?

0 Cevap php

Şu anda benim AJAX bu gibi çalışıyor:

index.php

<a href='one.php' class='ajax'>One</a>    
<div id="workspace">workspace</div>

one.php

$arr = array ( "workspace" => "One" );
echo json_encode( $arr );

ajax.js

jQuery(document).ready(function(){
    jQuery('.ajax').live('click', function(event) {
        event.preventDefault();
        jQuery.getJSON(this.href, function(snippets) {
            for(var id in snippets) {
                jQuery('#' + id).html(snippets[id]);
            }
        });
    });
});

Yukarıdaki kod mükemmel çalışıyor. Ben link 'One' ardından one.php yürütülür ve String tıkladığınızda "One" workspace DIV yüklenir.

Question:

Şimdi AJAX ile bir form göndermek istiyorum. Örneğin ben böyle index.php bir form var.

<form id='myForm' action='one.php' method='post'>
 <input type='text' name='myText'>
 <input type='submit' name='myButton' value='Submit'>
</form>

Ben formu gönderdikten sonra ne zaman one.php çalışma DIV metin kutusu değerini yazdırmak gerekir.

$arr = array ( "workspace" => $_POST['myText'] );
echo json_encode( $arr );

Nasıl AJAX / JSON ile formu göndermek için js kodu için.

Teşekkürler

0 Cevap