Send data from Javascript to PHP file

Question

I have a checkbox and I need to get data (id) from them and send it to other php file

My code :

function getValues() {
var str = [];
var checks = document.getElementsByClassName('justtest');
          for(var i=0; i<checks.length; i++){
              if(checks[i].checked){
                str.push( checks[i].id );
              }
            }

  for( var x = 0; x < str.length; x++){
    alert (str[x]);
    }

  }

<div class="form-group">
   <div class="col-md-3">
      <div class="checkbox">
         <label>
<input type="checkbox" value="test1" class="justtest" id="1"> Test1
         </label>
       </div>
      </div>
     </div>
    <div class="form-group">
    <div class="col-md-3">
     <div class="checkbox">
       <label>
 <input type="checkbox" value="test2" class="justtest" id="2"> test2
       </label>
      </div>
     </div>
    </div>
     <div class="form-group">
      <div class="col-md-3">
       <div class="checkbox">
         <label>
<input type="checkbox" value="test3" class="justtest" id="3"> test3
          </label>
         </div>
        <button onclick="getValues()">Check</button>
       </div>
      </div>

So, I need to take Id from checkbox and send it to my PHP file to show result about ID

function getValues() {
var str = [];
var checks = document.getElementsByClassName('justtest');
          for(var i=0; i<checks.length; i++){
              if(checks[i].checked){
                str.push( checks[i].id );
              }
            }

  for( var x = 0; x < str.length; x++){



  $.ajax({
    url: 'result.php',
    cache: false,
    data: str[x],
    type: 'POST',

                   });
                     }
  }

I have other php file named result.php, So, I need to take ID's from this file and send it to result.php

they don't work

Any solution ?

Answer 1

For starters, you have a syntax error that is undoubtedly being reported by your browser console:

$.ajax({
         url: 'result.php',
         cache: false,
         data: str[x],
         type: 'POST' // <--- You had an extra comma
}); // <--- You forgot to close the object and the function call

Aside from that, what is in str[x]? Form data would need to be in the form of key/value pairs or a JSON object. If str[x] is just a single value then you'd need to provide a key for that value. Something like this:

data: 'someKey=' + str[x]

(If the value is complex, you might enclose it in encodeURIComponent() to URL-encode it.)

Then in the server-side code you would access the value using that key:

$_POST['someKey']