Posting elements generated by JS (JQuery) to a PHP script

Question

so I'm writing this form for teams and doing this 'add player' function where you enter a player name in a textfield, check a box for medically ok and click a button which then appends the name to a div above, adds the value to an array and clears the textfield below, like so:

<script>
     var players = New Array();
     function addPlayer(){
          $('#players').append($('#addPlayerField').val());
          var playerInfo = New Array($('#addTermCheckbox').prop('checked'),$('#addPlayersField').val());
          addingTerms.push(playerInfo);
          $('#addPlayerField').val('');
       }
</script>

Whats the best way to post the final array to a php script?

Thanks guys!

minaz · Accepted Answer · 2011-09-07 22:05:38Z

2

I would use JQuery's ajax method:

$.ajax({
  type: 'POST',
  url: url,
  data: 'players='+$.toJSON(players),
  success: function (data) {}
});

http://api.jquery.com/jQuery.post/

edited Sep 7, 2011 at 22:05

answered Sep 7, 2011 at 21:49

minaz

5,7901 gold badge34 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Lautaro · Accepted Answer · 2011-09-07 21:48:49Z

1

What do you meen with posting the final array to a php script? If you want to send the information to a php script try looking the jquery documentation about ajax (to send the data to the php file without reloading the page) and json (to convert your array into a text form and then beeing able to rebuild the array in the php file)

answered Sep 7, 2011 at 21:48

Lautaro

3823 silver badges14 bronze badges

2 Comments

DexCurl Over a year ago

nothing like .load or some, its a html form and I want to be able to do a foreach on the array one a user submits

Lautaro Over a year ago

To send the data, you should use an ajax request, documented in api.jquery.com/jQuery.post , using the POST method and a JSON encode library (example: openjs.com/scripts/data/json_encode.php), you cand send the entire array to php in a nice format: $.ajax({ type: 'POST', url: url, data: 'playerData'+array2json(playerDataVar) success: function (data) {} }); And retrieve it using php on the server side, php.net/manual/es/function.json-decode.php

Chris C · Accepted Answer · 2011-09-07 22:05:24Z

0

Do you mean sending the array elements to a PHP script? in JSON and use json_decode() in PHP. Depending on what information you need, json_decode() can either convert to an associate array, or objects. Use JQuery-Json which will add the ability to encode JSON in your code.

answered Sep 7, 2011 at 22:05

Chris C

2,04315 silver badges18 bronze badges

Collectives™ on Stack Overflow

Posting elements generated by JS (JQuery) to a PHP script

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related