注册 登录
  • 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

微擎 ajax使用示例

微擎 开心洋葱 10128次浏览 已收录 1个评论 手机上查看

微擎 ajax使用示例

html代码

<form  action="" method="post"    >
        <input type="hidden" name="c" value="entry" />
        <input type="hidden" value="signup" name="do">
        <input type="hidden"  value="sign" name="op">
        <input type="hidden" value="lb_vote" name="m">
        <input type="hidden" name="id" value="{$id}" />
             <div class="form-group">
                <label for="exampleInputEmail1">姓名</label>
                <input type="uname" class="form-control" id="uname" name="uname" placeholder="姓名">

            </div>
            <div class="form-group">
              <label for="exampleInputPassword1">手机号</label>
              <input type="number" class="form-control" id="uphone" name="uphone" placeholder="手机号">

            </div>
           <div class="form-group" style="overflow:hidden;">
            <label for="imgdis">图片</label>
            <div class="imageitem">
                <div class="upload_image">
                    <img   name="imgdis" id="ImgPr" src=""/>
                </div>

              </div>
              <div>
           <div class="upload_btn"   >
                    <span class="icon-plus"></span> 

             <input  type="button" name="file"  id="choose"  />
                </div>
            </div>

          </div>
            <div class="form-group" style="clear:left;margin-top:15px;">
              <label for="exampleInputPassword1" >描述</label>
              <textarea class="form-control"  name="discription" id="discrption"></textarea>
            </div>
              <button type="button" id="sbtn" onclick="subform();" class="form-control btn btn-danger " value="报名">报名</button>   
        </form> 

js代码部分示例

<script type="text/javascript">

     function subform(){
if(checkform()){
        var str='';
        var serverId=images.serverId;
        for(var i=0;i<serverId.length;i++){
            str+='&img='+serverId[i];
        }
        $.ajax({
           url:"{php echo $this->createMobileUrl('Signup',array('op'=>'sign'))}",

              //url:'/app/'+"{php echo $this->createMobileUrl('Signup',array('op'=>'sign'))}",
            type:'post',
            data:$("form").serialize()+str,
            dataType:'json',
            success:function(data){

                if(data.success==1){
                    alert("报名成功");

                }else{
                    alert(mydata.desc);
                }
            }
        });
    }

   }
</script>

php后台接收ajax请求后处理返回代码

$json=array('success'=>'1','innfo'=>'2');
  echo json_encode($json);


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明微擎 ajax使用示例
喜欢 (3)
[开心洋葱]
分享 (0)
关于作者:
开心洋葱,开心洋葱头,水墨

您必须 登录 才能发表评论!

(1)个小伙伴在吐槽
  1. url地址什么意思啊
    Wu1i8oy7riend2017-07-17 10:03 Windows 10 | 搜狗浏览器 2.X
……
加载中……