弹出层局部刷新 AJAX
|
<script> $(function(){$("#dlg_form").submit(function(){ var postStr = "name="+$("#kbrealname").val()+"&sex="+$("#sex").val()+"&phone="+$("#phone").val()+"&crowd="+$("#crowd").val()+"&card_type="+$("#card_type").val()+"&card_number="+$("#card_number").val()+"&year="+$("#year").val()+"&month="+$("#month").val()+"&day="+$("#day").val(); $.ajax({ type: "POST", contentType: "application/x-www-form-urlencoded", url: "ryajax.php", data: postStr, error: function(){ alert( '您所请求的页面有异常，请刷新重试。' ); }, success: function(msg){ if(msg=="" ){ return false; } else{ $( "#ryadd").html(msg); $(".cusedit").css("display","none"); } } }); }); }); </script>
<form id="dlg_form" method="post" onSubmit="return false;"> <div class="editcuscircle"> <p><a class="closebtn" href="javascript:;"></a></p> <div> <label for="kbrealname">真实姓名：</label> <input type="text" placeholder="管理员真实姓名" id="kbrealname" name="name" value=""><b>请填写真实姓名，以免影响您入住</b> </div> <div class="cussex"> <label>性别：</label> <ul class="sex"> <li><span data-val="1" ></span>男</li> <li><span data-val="0"></span>女</li> <input type="hidden" value="" name="sex" id="sex" /> </ul> </div> <div class="longnum"> <label>手机号码：</label> <input type="text" placeholder="手机号" name="phone" id="phone" value="<?php echo $singdata['phone']; ?>" /> </div> <div> <label>类型：</label> <select name="crowd" id="crowd"> <?php foreach ($crowd as $k => $v){ echo '<option value="'.$v['id'].'">'.$v['name'].'</option>'; } ?> </select> </div> <div> <label>证件：</label> <select name="card_type" id="card_type"> <?php foreach ($card_type as $k => $v){ echo '<option value="'.$v['id'].'">'.$v['name'].'</option>'; } ?> </select> </div> <div class="longnum" > <label>证件号码:</label> <input type="text" placeholder="证件号码" name="card_number" id="card_number" value="<?php echo $singdata['card_number']; ?>" /> </div> <div> <label for="">出生年月：</label> <select class="sel_year" style="width:100px; overflow:hidden;" id="year" name="year" rel=""></select>年 <select class="sel_month" style="width:100px;overflow:hidden;" id="month" name="month" rel=""></select>月 <select class="sel_day" style="width:100px;overflow:hidden;" name="day" id="day" rel=""></select>日 </div> <input type="submit" class="save" name="sub" value="保存" /> </div> </form> </div> <script> $(function () { $.ms_DatePicker({ YearSelector: ".sel_year",MonthSelector: ".sel_month",DaySelector: ".sel_day" }); $.ms_DatePicker(); $(".deleteall").click(function(){ $("#dels").submit(); }); }); </script> （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |