CI（7）AJAX異步處理機制

2019-11-06 08:19:46

字體：大中小

來源：轉載

供稿：網友

1、HTML頁面： <form action=""> <input class="Ajax-function" type="button" value="提交Ajax請求"/> </form> <script type="text/javascript">

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');