Saat menggunakan ajax jquery pastikan beberapa
- controler respon (JSON)
- jquery telah diload
<script src="">
- membuat form yang sesuai
1. Membuat database
2. Membuat controller dan model
Controller yang akan dibuat ada 2 (1. default view, 2. Merespon ajax)
3. Membuat view
Berikut minimal form
1
2
3
4
5
6
7
8
|
<form id="myForm">
<label for="nama">Nama:</label>
<input type="text" id="nama" name="nama"><br><br>
<label for="kode">Kode:</label>
<input type="text" id="kode" name="kode"><br><br>
<button type="button" id="submitButton">Submit</button>
</form>
<div id="result"></div>
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
$(document).ready(function() {
$('#submitButton').click(function() {
var namaValue = $('#nama').val();
var kodeValue = $('#kode').val();
$.ajax({
url: "<?= base_url('nama_contoller')?>",
type: 'POST',
data: {
nama: namaValue,
kode: kodeValue
},
success: function(response) {
$('#result').html(response);
},
error: function(xhr, status, error) {
console.log(error);
}
});
});
});
|