整理下ci框架下ajax的异步传输!

原创 2015年07月08日 17:13:35
因为刚开始学ci框架也遇到的挺多问题,而ajax在ci框架异步传输我花了不少时间,所以通过一个小案例来分享我暂时了解的!
//首先在控制器上面写了验证用户名的方法 
class Usercheck extends MY_Controller {
   /**
     *检查输入的用户名是否存在
     */
    public function theName() {
        /*获取用户名并且过滤*/
        $name=checkClear($_POST['name']);
        /*判断获取的用户名是否为空*/
        if(!empty($name)){
	  /*调用自己设置的模型连接数据库进行验证*/
            $where =array('user_name'=>$name);
            $bool=@$this->user_model->userGet($where);
	    /*获取$bool值判断是否存在*/
            if ($bool) {
                //用户名已存在 返回json到ajax
                echo json_encode(array('flag'=>'1'));
                exit;
            }else{
		//用户名不存在可以使用
		echo json_encode(array('flag'=>'0'));
                exit;	
	    }
//然后是模型里面跟数据库的链
class User_model extends CI_Model {
    /* 获取数据库数据*/
    public function userGet($where) {
        $res = $this->db->get_where(self::TABLE_USER, $where);
        return $res->result();
    }
//最后是视图页面,通过ajax去异步传输
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="<?php echo base_url('js/jquery-1.7.2.min.js')?>"></script>
<title>ajax异步传输验证用户名</title>
<script type="text/javascript">
$(document).ready(function(){
	/*ajax验证用户是否存在重复*/
    $('#name').focusout(function(){
        $.ajax({
            type:'POST',
            url:'http://写你自己的控制器/theName',//路径
            data:{
                name:$('#name').val()
            },
            dataType:'json',
            success:function(msg){
                if(msg.flag==1){
                    $('#checkbox2').html("<font color=\"red\">您输入的用户名存在!请重新输入!</font>");
				}else{
                    $('#checkbox2').html("<font color=\"green\">用户格式正确!</font>");
                }
       		}
       })
    });
    </script>
</head>

    <body>
    <form action="<?php  echo site_url('userreg/regOption'); ?>" method="post" >
         <p align="center">用户 名:<input type="text" name="name" placeholder="用户名"  id="name" />
         <p align="center"  id="checkbox2"></p></p>
     </form>
    </body>
</html>


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

codeigniter实现ajax无刷新分页

我们都知道codeigniter(以下都简称CI)有分页的类库,现在我们就基于其原生的类库来创建一个我们所需要的ajax分页。 首先在  /application/libraries/ 目录下建立一...

写一下我一步一步学ci的记录!

作为一个php初学者在学完php基础后,开始接触一些比较容易上手的开源框架,所以我选择了CI框架, 他小巧,快速,相对于其他的一些php框架,更容易被掌握。 而ci框架是基于MVC的框架,如果对mvc...

php(CI框架)+ajax实现类似微博的东东

写在前面:好久没有更新博客了

【PHP】codeigniter结合ajax实现登录

之前的文章中介绍了利用codeigniter框架中的表单来实现登录,不过这种方式相对原始,这里介绍一种利用ajax的数据传递方式。 前端代码: 首先需要了CI的session,直接使用了PHP原生...

CI框架ajax方式post数据时加上csrf验证

原理 1.生成一个token串放在cookies里面, 2.把上面那个token放在表单里面, 3.表单回传之后,对比cookies里面的这个token和post里面的token是否相等,不相等...

CodeIgniter框架入门教程——第三课 URL及ajax

本文转载自:http://www.softeng.cn/?p=74 这节课讲一下CI框架的路由规则,以及如何在CI框架下实现ajax功能。 首先,先介绍CI框架的路由规则,因为CI框架是在PHP的...

CI(CodeIgniter)框架入门教程——第二课 初始MVC

本文转载自:http://www.softeng.cn/?p=53 今天的主要内容是,使用CodeIgniter框架完整的MVC内容来做一个简单的计算器,通过这个计算器,让大家能够体会到我在第一节课...

PHP CI 框架教程 (1) -- 安装和简介

1. 安装 从 http://www.codeigniter.com/download 下载,有2个可选版本,可根据需要选择。 下载后解压缩,然后放到你应用服务器对应的程序目录中即可,如MAC (/L...

CI(CodeIgniter)框架入门教程——第一课 Hello World!

本文转载自:http://www.softeng.cn/?p=45 今天开始,我将在这里连载由我自己编写的《CodeIgniter框架入门教程》,首先,这篇教程的读着应该是有PHP基础...

CI(CodeIgniter)框架入门教程——第四课 辅助函数和类库的使用

本文转载自:http://www.softeng.cn/?p=95 最近这段时间因为项目比较忙,所以一直没有更新,还望大家见谅。 下面开始今天的正式内容,今天主要讲CI框架中辅助函数和类库的使用,在...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)