CODEWITHSUNDEEP
javascriptphp
Michael Esteves
Michael Esteves

Reputation: 1485

Post data with jQuery

I'm using sortable to sort a list. Then once the user clicks the Submit button I want it to post the data to another php page. I currently can get it to display an alert with the data I want posted but can't get the JavaScript post right.

This is the submit button.

<input type='submit' value='Submit' onclick='saveOrder();'/>

This is the JavaScript part that creates an alert. 

function saveOrder() 
{
    var wordOrder = $( "#sortable" ).sortable('toArray').toString();
    alert(wordOrder);          
}

This outputs a,b,c,d,e in an alert box. I want this posted instead of showing an alert.

What I would like to do is post this data so I can loop through it on another PHP page.

foreach( $_POST as $stuff ) 
{                
    echo $stuff;
}

Upvotes: 0

Views: 63

Answers (1)

lshettyl
lshettyl

Reputation: 8181

You can do this via ajax: -> http://api.jquery.com/jQuery.post/

function saveOrder() {
    var wordOrder = $( "#sortable" ).sortable('toArray').toString();
    $.post( "your/file.php", {wordOrder: wordOrder}, function( data ) {
      //Do nothing
    });
    //$.post("your/file.php", {wordOrder: wordOrder});
}

in PHP, you can:

echo $_POST['wordOrder'];

Upvotes: 1

Related Questions