CI（7）AJAX异步处理机制

来源：互联网发布：adc0808数据手册编辑：程序博客网时间：2024/06/18 18:48

1、HTML页面：

</form>

jQuery(function(){
jQuery('.ajax-function').click(function(){
jQuery.ajax({
url : '<?= $root_path.'/helloworld/ajaxFunction'; ?>',
data: {
'username':'ceshi',
'password':'12345'
},
type: 'get',
dataType:'JSON',
success:function(data){
},
error:function(a,b,c){
console.info(c);
}
});
});
});

</script>

2、控制器：

public function ajaxFunction($username=null,$password=null){
$username = $this->input->get('username');
$password = md5($this->input->get('password'));
return false;
}

注：（1）通过url传递参数：前端传递N个参数，那么对应在controller里面的函数就应该设置N参数，如：

jQuery.ajax({

url : '<?= $root_path.'/helloworld/ajaxFunction/ceshi_canshu_1/ceshi_canshu_2'; ?>',

type: 'get',

dataType:'JSON',

success:function(data){

error:function(a,b,c){

console.info(c);

}

});

//前台传递2个参数‘ceshi_canshu_1/ceshi_canshu_2’，那么在controller对应的函数中就应该有‘$var_1和$var_2’来对应

public function ajaxFunction($var_1=null,$var_2=null){

}

（2）通过data传递参数：controller函数中对应的函数不需要设置参数，如：

jQuery.ajax({

url : '<?= $root_path.'/helloworld/ajaxFunction'; ?>',

data: {

'username':'ceshi',

'password':'12345'

type: 'get',

dataType:'JSON',

success:function(data){

error:function(a,b,c){

console.info(c);

}

});

//controller对应的函数中不需要设置参数

public function ajaxFunction(){

}

注：在不使用url传递参数时，后台获取传递的参数方式需要根据前端设置的Ajax请求类型而改变，如：

1）前端的的ajax设置的“type: 'post'”，那么后台获取参数时：$var_1 = $this->input->post('var_1');

2）前端的的ajax设置的“type: 'get'”，那么后台获取参数时：$var_2 = $this->input->get('var_2');

0 0