Penggunaan Ajax pada Codeigniter dengan Pquery Library

Penggunaan Ajax pada Codeigniter dengan Pquery Library

Kali ini saya akan membagi hasil browsing saya tentang bagaimana mengintegrasikan ajax pada Codeigniter. Dari beberapa referensi yang saya baca, memang cukup rumit untuk mengintegrasikan ajax ke dalam codeigniter, namun ada satu library yaitu “PQuery” yang memberikan kita kemudahan dalam integrasi ajax.  Library ini merupakan kombinasi dari PHP dan Jquery library. Untuk lebih jelasnya anda dapat mengunjungi http://www.ngcoders.com/php/pquery-php-and-jquery.

Untuk memulai Pquery di codeigniter,  hal pertama yang harus kita lakukan adalah :

  • 1. Download Pquery library di sini
  • 2. Extract zip file dan copy file pquery.php (di /pquery/pquery.php) ke dalam library codeigniter (di /system/application/libraries)
  • 3. Copy jquery.js (di /pquery/js/jquery.js) ke dalam folder aplikasi javascript anda (ex : /system/application/js)
  • 4. Load library pada controller :
1
2
3
4
5
6
7
8
9
10
load->library('pquery');
}
function index() {
$this->load->view('test.php');
}
function pquerytest() {
echo "This content is load by Pquery";
}
}
?>
  • 5. Selanjutnya pada view , misalnya example.php sebagai berikut
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
< html >
 
< head >
 
< title >Pquery - CodeIgniter Test< / title >
 
< script src="(your_js_directory) /jquery.js" type="text/javascript">< / script >
 
< / head>
 
< body >
 
<!--?=$this- -->pquery->link_to_remote("Ajax Link",array('url'=>base_url().'index.php/login/pquerytest','update'=>'#testdiv','success'=>'alert("Ajax was successfull");'));?>
 
< div id="testdiv">Update ME(Ajax Link w callaback)
 
< / body >
 
< / html >
  • 6. Finish.

Anda dapat melihat referensi kelas yang lebih lengkap disini

 

Share this post