[AJAX] Envoyer des données à un script PHP

J'essaye d'envoyer des données à un script PHP par le biais de jQuery.

Voici mon code HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
<form action="" id="form_prive">
  <fieldset id="coordonnees">
    <legend>Coordonnées</legend>
      <table width="100%">
        <tr id="coord_line">
          <td>
            <select name="adr_type_coord" id="adr_type_coord">
              <option selected>Coordonnées</option>
              <option value="tel_prive">Tél. privé</option>
              <option value="tel_prof">Tél. prof</option>
              <option value="mobile">Mobile</option>
              <option value="fax_prive">Fax privé</option>
              <option value="fax_prof">Fax prof</option>
              <option value="skype">Skype</option>
              <option value="mail_prive">Mail privé</option>
              <option value="mail_prof">Mail prof</option>
              <option value="url">URL</option>
            </select>
            <input type="text" size="36" name="coord_value" id="coord_value">
	    <a href="#" id="add_coord" class="BtonTxt">Ajouter</a>
          </td>
        </tr>
      </table>
    </fieldset>
</form>

Mon but est d'envoyer la valeur du "select" et tu "textfield" à un script PHP qui stock ces informations dans une variable ARRAY.

Voici mon code jQuery actuel :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
$(document).ready(function() {
	$('#add_coord').click(function() {
		//Récupération des valeur des 2 champs
		var TypeCoord  = $('#adr_type_coord').val();
		var CoordValue = $('#coord_value').val();
		var ScriptURL  = 'controlers/form.ctrl.php?type_coord=' + TypeCoord + '&coord_value=' + CoordValue;
		//alert(ScriptURL);
		//$('#cv').text(ScriptURL);
		$.ajax({ url:'controlers/form.ctrl.php', type:'post', data:serial.hash });
	});
});

Mais ça ne fonctionne pas et je n'y arrive pas. Est-ce que quelqu'un peut m'aider, svp.

Merci d'avance