Yii 表单交互的三种方式


一、前端提交的三种方式
前面已经提出,表单提交一共只有三种方式。

1,前端原生html
(1)原生html标签
首先,直接使用html标签的input,a等;
其次,使用css进行布局。
再次,使用js或jquery方式验证
最后,提交(get/post/ajax,目前较多使用jquery提交)。

注:该种方式由于较灵活,使用最多。


(2)原生form
js或jquery方式验证,yii方式提交。
相对灵活
Html代码  收藏代码
  1. <form ... onSubmit="return validationFunc">  
  2. ...  
  3. </form>  
  4. <script type="text/javascript">  
  5. function validationFunc(){  
  6.     //验证逻辑  
  7.  
  8. </script>  


批注:如果仅仅使用表单自带的onsubmit验证不够,也可以采用第一种办法。此时就不要使用form自带的submit按钮了。


2,前端使用yii自带widget
(3)yii方式验证、提交。
Php代码  收藏代码
  1. //1,自带blog登陆表单  
  2. <?php   
  3.         $form=$this->beginWidget('CActiveForm'array 
  4.             'id'=>'login-form' 
  5.             'enableClientValidation'=>true,  
  6.             'clientOptions'=>array 
  7.                 'validateOnSubmit'=>true,  
  8.             ),  
  9.         ));  
  10.     ?>  
  11.   
  12. //2,上传用户头像时  
  13. <?php $form=$this->beginWidget('CActiveForm'array 
  14.     'id'=>'user-form' 
  15.     'enableAjaxValidation'=>false,  
  16.     'htmlOptions'=>array('enctype'=>'multipart/form-data'),  
  17. )); ?>  
  18.   
  19. //3,看到的一个例子  
  20. <?php $form=$this->beginWidget('CActiveForm',array 
  21.     'id'=>'login-from' 
  22.     'enableAjaxValidation'=>true,  
  23.     'action'=>'array('site/login'),  
  24.      
  25.  
  26. ?>  

此时用到yii的表单验证功能。需要model+controller+view配合使用。详见:yii指南。
Yii方式验证、提交
1,首先,在model的rules(){return array();}设置验证规则

2,其次,在view里使用errorMessage,label,field,error
<?php echo$form->labelEx($model,'author');?>
<?php echo$form->textField($model,'author',array('size'=>60,'maxlength'=>128));?>
<?php echo$form->error($model,'author');?>

3,最后,在controller里
使用
$model = new Post;
$model->attributes=$_POST['Post'];

yii判断提交方式
Yii::app()->request->isPostRequest

效率比较:
(1)效率最差;
(2)效率中等;
(3)效率最高。


二、Yii在后端接收前端传来值的两种方式
1,通过二维数组$_POST['ClassName']
如果前端的表单是关于某一个model的,可以用此方法。使用较多。
例如:
$model->attributes=$_POST['Post'];
$comment->attributes=$_POST['Comment'];
还可以添加:$comment->post_id=$this->id;

2,获取get或post请求的值$this->request->getParam('key');
(1)form表单提交
前端:
<form>
<input type="text" name="belongs_to"/>
<input type="submit" value="提交"/>
</form>

后端:
$this->request->getParam('belongs_to');

(2)jquery的post提交
$this->request->getParam('key1');
智能推荐

注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
© 2014-2019 ITdaan.com 粤ICP备14056181号  

赞助商广告