Passing array from ajax/jquery to php

Passing array from ajax/jquery to php

So I'm making a "wiper blade application guide." I've got a form that starts out talking to my mysql database and grabs all of the makes. The user chooses a make. This calls a function that takes the value of the make and shoots it over to my database and returns all of the models of that make and populates the model dropdown box. Then they choose a model which does the same thing as the last one except it returns years. What is different is that my database has a startYear row and an endYear row which I am sticking together with a '-'. Then the user chooses a year which has to send make, model, and year (or at least model and year) over to the database query. I've managed to get it to send all of the values via an array but I can't figure out how to get them back on the php side. Thanks for reading my story. Here is the code I've got.

index.php
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Untitled Document</title>
  7. <link href="template.css" rel="stylesheet" type="text/css" />
  8. <script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>
  9. <script type="text/javascript">
  10. function get_models() {
  11.   var make = $("#make").val();
  12.   $.ajax({ url: "getModels.php", global: false, type: "GET", async: false, dataType: "html", data: "make="+make,
  13. success: function (response) {
  14.           var dynamic_options = $("*").index( $('.dynamic')[0] );
  15.           if ( dynamic_options != (-1)) $(".dynamic").remove();
  16.           $("#model").append(response);
  17.           $(".first").attr({selected: ' selected'});
  18.       }
  19.   });
  20.   return false
  21. }
  22. function get_years() {
  23.   var model = $("#model").val();
  24.   $.ajax({
  25.     url: "getYears.php",
  26. global: false,
  27. dataType: "html",
  28. data: "model="+model,
  29. success: function (response)
  30. {
  31.     var dynamic_options_y = $("*").index( $('.dynamic_y')[0] );
  32.  if ( dynamic_options_y != (-1)) $(".dynamic_y").remove();
  33.  $("#year").append(response);
  34.  $(".first_y").attr({selected: ' selected'});
  35.   }
  36.   });
  37.   return false
  38. }
  39. function get_blades() {
  40. var make = $("#make").val();
  41. var model = $("#model").val();
  42. var year = $("#year").val();
  43. var getThem = new Array(make,model,year);
  44. $.ajax({
  45. url:"getBlades.php",
  46. global: false,
  47. dataType: "html",
  48. data: "getThem="+getThem,
  49. success: function (response)
  50. {
  51. //var dynamic_options_b = $("*").index( $('.dynamic_b')[0] );
  52. //if ( dynamic_options_b != (-1)) $(".dynamic_b").remove();
  53. $("#results").append(response);
  54. }
  55. });
  56. }
  57. </script>
  58. </head>
  59. <body>

  61. <?php
  62.   require ("dbconnect_valv.php");
  63. ?>
  64. <div id="wiper-bg">
  65.   <div id="wiperbody">
  66.     <h1>Wiper Blade Application Guide</h1>
  67.     <h2>Choose the make, model and year of your vehicle and we'll tell you which blades and which sizes will best suit your needs.</h2>
  68.     <div id="wipercontents">
  69.       <div id="wipersearch">
  70.         <form name="appGuide" action="#">
  71.           <div id="wipermake" class="inputs">
  72.             <label>Make</label>
  73.             <br />
  74.             <select name="make" id="make" onchange="get_models()">
  75.               <option value="-1">Select Make</option>
  76.               <?php
  77.                 $makeQuery = "select distinct make from blade";
  78.                 $result=mysql_query($makeQuery);
  79.                 while ($row = mysql_fetch_array($result)) { 
  80.                   $id=$row["make"];
  81.                   print "<option value=$id>$id\n";
  82.                 }
  83.                 mysql_close();
  84.               ?>
  85.             </select>
  86.           </div>
  87.           <div id="wipermodel" class="inputs">
  88.             <label>Model</label>
  89.             <br />
  90.             <select name="model" id="model" onchange="get_years()">
  91.               <option value="-1">Select Model</option>
  92.             </select>
  93.           </div>
  94.           <div id="wiperyear" class="inputs">
  95.             <label>Year</label>
  96.             <br />
  97.             <select name="year" id="year" onchange="get_blades()">
  98.               <option value="-1">Select Year</option>
  99.             </select>
  100.           </div>
  101.         </form>
  102.         <div class="clear"></div>
  103.       </div>
  104.       <div id="results">
  105.    
  106.   </div>
  107. </div>
  108. ​
  109. </body>
  110. </html>
getBlades.php
  2. <?php
  3. require ("dbconnect_valv.php");
  4. $make = mysql_real_escape_string($_GET['getThem[0]']);
  5. $model = mysql_real_escape_string($_GET['getThem[1]']);
  6. $year = mysql_real_escape_string($_GET['getThem[2]']);
  7. $startAndEndYears = explode("-", $year);

  9. $result = mysql_query("SELECT blade, clip, drive, pass, rear FROM blade WHERE model='$model' AND make='$make' AND startYear='$startAndEndYears[0]' AND endYear='$startAndEndYears[1]' ") or die(mysql_error());
  10. $row = mysql_fetch_row($result);
  11. echo '<p class="dynamic_b">' . ' ' . $make . $row['blade'] . ' ' . $row['clip'] . ' ' . $row['drive'] . ' ' . $row['pass'] . ' ' . $row['rear'] . '</p>';
  12. for($i=0; $i<=1; $i++) {
  13. echo $startAndEndYears[$i];
  14. }
  15. mysql_close();
  16. ?>
Thanks in advance.

Oh, and here is a link to see it in action.
valvoline.empyreus.com/test/index.php