军哥谈CI框架之讲述一个简单的Ajax请求

Hi，早上好，我是军哥，新的一天又开始啦，首先祝大家呢这一天的工作和学习顺顺利利，开开心心~~
军哥今天想分享一下CI框架中有关Ajax的一个简单应用（详见代码示例代码示例 ），相信有许多的初学者对CI中怎样使用Ajax会比较纠结和迷茫，但又非常让你有兴趣，毕竟通过Ajax,你可以创建更好、更快以及更友好的WEB应用程序，谁不想自己写的程序足够友好呢，嘿嘿，更何况这是一个以用户为王的时代！

CI中有为我们提供封装好的Ajax类库，个人建议是尽量不使用，因为使用CI封装好的，你就得遵循它要求的格式去写，这样就更让初学者更加糊涂。

接下来就具体来讲这个AJAX简单应用——书籍列表页中当点击书籍名称时实现Ajax请求弹出书籍详情对话框的无刷新效果。还是跟上次一样，军哥还是在代码中继续使用bootstarp前端UI框架来实现页面效果。另外还用到了峰哥的独家秘笈——Ajax3.0。

废话不说，还是老套路，直接上代码，欢迎拍砖赐教~~

1、首先看效果，有图有真相，天凉好个秋；
书籍列表页：
弹出框效果：

2、控制器（源码在 application/controllers/manage文件夹）；

1. if (!defined('BASEPATH'))
2. exit('No direct script access allowed');
3. /**
4. *书籍管理控制器，只实现书籍列表显示功能
5. * @author jayjun
6. * @copyright 2012.09.03
7. */
8. class book extends CI_Controller {
9. // 初始化
10. function __construct() {
11. parent::__construct();
12. $this->base_url = $this->config->item("base_url");
13. $this->load->model('M_book');
14. }
15. //书籍列表页
16. function index($num = '') {
17. // 加载分页类
18. $this->load->library('pagination');
19. $config['base_url'] = $this->base_url.'/index.php/manage/book/index/';
20. $config['total_rows'] = $this->M_book->count('back');
21. $config['per_page'] = 2;
22. $config['num_links'] = 3;
23. $config['uri_segment'] = 4;
24. $config['full_tag_open'] = '

    ';

25. $config['full_tag_close'] = '
    ';
26. $config['first_link'] = '首页';
27. $config['last_link'] = '末页';
28. $config['next_link'] = '下一页 >';
29. $config['prev_link'] = '< 上一页';
30. $config['cur_tag_open'] = ' ';
31. $config['cur_tag_close'] = '';
32. $this->pagination->initialize($config);
33. $data['list'] = $this->M_book->get('back', $config['per_page'], $num);
34. $data['page'] = array(
35. 'total' => $config['total_rows'],
36. 'num' => $config['per_page'],
37. 'page' => (int) (($config['total_rows'] % $config['per_page'] === 0) ? ($config['total_rows'] / $config['per_page']) : ($config['total_rows'] / $config['per_page'] + 1)),
38. 'c_num' => $num
39. );
40. $data['base_url'] = $this->base_url;
41. $this->load->view("manage/book_index",$data);
42. }
43. //获取书籍详情
44. function post() {
45. $data['base_url'] = $this->base_url;
46. $id = $this->input->post('id');
47. $query = $this->M_book->post($id);
48. $data['post'] = $query->row_array();
49. $this->load->view('manage/book_info', $data);
50. }
51. }

3、模型（源码在 application/models文件夹）

1. if (!defined('BASEPATH'))
2. exit('No direct script access allowed');
4. /**
5. *书籍Model类
6. * @author jayjun
7. * @copyright 2012.09.03
8. */
10. class M_book extends CI_Model {
12. //获取书籍信息
13. function get($type,$num,$offset) {
14. $data = '';
15. switch ($type) {
16. case 'back':
17. $this->db->select('BookId,Tid,BookName,BookDesc,Price,MemberPrice,BookPic,Bstatus,Total,BuyNum,IsPush,IsHot,IsNew,AddTime,TagList');
18. $data = $this->db->get('book', $num, $offset);
19. break;
20. }
21. return $data;
22. }
24. // 获取书籍信息，$id
25. function post($id) {
26. return $query = $this->db->get_where('book', array('BookId' => $id));
27. }
29. // 统计书籍数量
30. function count($type) {
31. $data = '';
32. switch ($type) {
33. default:
34. case 'back':
35. $data = $this->db->count_all_results('book');
36. break;
37. }
38. return $data;
39. }
42. }

4、视图（源码在 application/views/manage文件夹）
书籍列表视图（book_index.php）：

13. 书籍列表

16. 每页 条 / 当前 ~ num_rows; ?> 条 / 计 页 / 共 条

pagination->create_links(); ?>