yii2ajax项目实例探索.docx

简单的ajax请求静态页面index.html：如下以下有get；post；ajax；方法的请求写法。Get与post请求写法格式一致，仅传值的方式不同而已，传递的数据量极限不一样。当点击该按钮发送ajax请求script type=text/javascript src=./jquery-1.8.2.js/script/headbodybutton id=btn发送一个get请求/buttondiv id =div_get style=groundcolor:red; border:1px;width:60%;height:60%/divscript type=text/javascript //$.get()方式请求/* $(#btn).click(function(){ $.get(get.php,{username:wxj,age:25},function(data){ //alert(data); $(#div_get).html(data); }); }); *///$.post();方式请求/* $(#btn).click(function(){$.post(get.php,{username:wxj,age:25},function(data){ //alert(data); $(#div_get).html(data); }); }); *///$.ajax();方式请求（综合get和post）$(#btn).click(function(){$.ajax({url:get.php,data:{username:wangxiaojun,age:23,sex:男,},success:function(data){$(#div_get).html(data);},dataType:html,type:post});});/script/bodyget.php:?phpecho 123;echo pre;var_dump($_REQUEST);echo /pre;echo $_GET[username];AjaxYii2中应用ajax加上下面这句，不做验证public $enableCsrfValidation = false;2.1新建操作由于本次项目中前端伙伴提供的弹层用js写的页面，因此必须用ajax传值如下js弹层（新建）//新建mbNew: form name = form + div class=cnew+ table+ tr+ td align=right width=134em*/em员工姓名：/td+ tdinput class=popinput newname type=text maxlength=10 name=name id=name //td+ td align=right width=118em*/em工作地点：/td+ tdinput class=popinput newadd type=text maxlength=10 name=city id=city //td+ /tr+ tr+ td align=rightem*/em身份证号：/td+ tdinput class=popinput newidnum type=text maxlength=18 name=id_card id=id_card //td+ td align=rightem*/em所属业物：/td+ tddiv class=cselect s-down-menu J-down-menudiv class=s-down-input J-down-input yt + yt[0] + /divspan class=s-down-icon/spanul class=s-down-list J-down-list + yt_list + /ul/div/td+ /tr+ tr+ td align=right在职状态：/td+ td colspan=3div class=cselect s-down-menu J-down-menudiv class=s-down-input J-down-input st在职/divspan class=s-down-icon/spanul class=s-down-list J-down-listli在职/lili离职/li/ul/div/td+ /tr+ tr+ td align=right是否已绑定微信：/td+ td否/td+ td/td+ td/td+ /tr+ tr+ td align=right已绑定openID：/td+ tdspan class=o