Envoyer deux variables AJAX
Bonjour à tous,
J'ai un bouton Modifier qui permet d'envoyer une variable "id_pres" et qui appel un modalform ce dernier contient un input "Code_abs".
Jusqu'à le moment j'ai arrivé à passer la variable id_pres mais je n'arrive pas à passer la valeur de "Code_abs".
Bouton :
Code:
<button type='button' name='edit' value='Edit' id='".$jour."-".$mois."-".$row->id_technicien."' data-toggle='modal' data-target='#add_data_Modal' class='btn btn-warning new_data'>+</button>"
Form :
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
| <div id="add_data_Modal" class="modal fade" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"></button>
<h4 class="modal-title">Nouveau code</h4>
</div>
<div class="modal-body">
<form method="post" id="insert_form">
<label>Code ABS</label>
<input style="width: 90%" type="text" name="code_abs" id="code_abs" class="form-control" />
<br />
<input type="submit" name="insert" id="insert" value="Insérer" class="btn btn-success" />
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div> |
Script :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| $(document).ready(function(){
$('#add').click(function(){
$('#insert').val("Insérer");
$('#insert_form')[0].reset();
});
$(document).on('click', '.new_data', function(){
var id = $(this).attr("id");
$.ajax({
url:"i_presence.php",
type:"POST",
data:{id_pres:id},
dataType:"json",
success:function(data){
Location.reload();
}
});
}); |
J'ai essayé de mettre : $('#code_abs').val(data.code_abs); mais ça donne le vide.
ce que j'ai compris c'est que data:{id_pres:id} envoie la variable de la bouton alors ce qu'il me faut savoir c'est comment envoyer la variable saisie sur le form !
Pouvez-vous m'aider SVP !
