ajax 数据提交
发布时间:2020-12-16 01:02:33 所属栏目:百科 来源:网络整理
导读:script type="text/javascript" src="js/popdiv.js"/scriptscript type="text/javascript" src="js/jquery.js"/scriptscript type="text/javascript"function subClick(){ var params = { uname : $("#name").val(),password : $("#pwd").val(),sex : $("#se
<script type="text/javascript" src="js/popdiv.js"></script> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> function subClick() { var params = { uname : $("#name").val(),password : $("#pwd").val(),sex : $("#sex").val(),telphone : $("#phone").val(),address : $("#address").val() }; $.ajax({ type: "POST",url: "adduser.action",data: params,dataType:"text",//ajax返回值设置为text(json格式也可用它返回,可打印出结果,也可设置成json) success: function(){ alert("保存成功!"); closeed('fd');return false; },error: function(){ return false; } }); } </script> <div id="fd" style="display:none;filter:alpha(opacity=100);opacity:1;"> <div class="contentup"> <a href="#" class="od" onclick = "closeed('fd');return false;"> 关 闭 </a> <div id="tittleup">ADD USER INFORMATION</div> <table width="500" align="center"> <tr height="26px"> <td width="150px" align="right">UNAME</td> <td width="350px"> <input type="hidden" name="param" value="1"/> <input type="text" name="user.uname" value="${user.uname }" id="name"/> </td> </tr> <tr height="26px"> <td align="right">PASSWORD</td> <td><input type="password" name="user.password" value="${user.password }" id="pwd"/></td> </tr> <tr height="26px"> <td align="right">SEX</td> <td> <select name="user.sex" id="sex"> <option value="male">male</option> <option value="female">female</option> </select> </td> </tr> <tr height="26px"> <td align="right">TELPHONE</td> <td><input type="text" name="user.telphone" value="${user.telphone }" id="phone"/></td> </tr> <tr height="26px"> <td align="right">ADDRESS</td> <td><input type="text" name="user.address" value="${user.address }" id="address"/></td> </tr> <tr height="26px"> <td colspan="2" align="center" width="500"> <input type="button" value="Save" onclick="subClick()"/> <input type="button" value="Back" onclick="window.history.back(-1)"/> </td> </tr> </table> </div> </div> popdiv.js var prox; var proy; var proxc; var proyc; var isIe=(document.all)?true:false; function setSelectState(state) { var objl=document.getElementsByTagName('select'); for(var i=0;i<objl.length;i++) { objl[i].style.visibility=state; } } function mousePosition(ev) { if(ev.pageX || ev.pageY) { return {x:ev.pageX,y:ev.pageY}; } return { x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop }; } //关闭窗口 function closeWindow() { if(document.getElementById('back')!=null) { document.getElementById('back').parentNode.removeChild(document.getElementById('back')); } if(document.getElementById('mesWindow')!=null) { document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow')); } if(isIe){ setSelectState('');} } function show(id,ev){/*--打开--*/ closeWindow(); var bWidth=parseInt(document.documentElement.scrollWidth); var bHeight=parseInt(document.documentElement.scrollHeight)<592?592:parseInt(document.documentElement.scrollHeight); if(isIe){ setSelectState('hidden');} var back=document.createElement("div"); back.id="back"; var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;"; styleStr+=(isIe)?"filter:alpha(opacity=40);":"opacity:0.40;"; back.style.cssText=styleStr; document.body.appendChild(back); clearInterval(prox); clearInterval(proy); clearInterval(proxc); clearInterval(proyc); var o = document.getElementById(id); o.style.display = "block"; o.style.width = "1px"; o.style.height = "1px"; prox = setInterval(function(){openx(o,500)},10); } function openx(o,x){/*--打开x--*/ var cx = parseInt(o.style.width); if(cx < x) { o.style.width = (cx + Math.ceil((x-cx)/5)) +"px"; } else { clearInterval(prox); proy = setInterval(function(){openy(o,300)},10); } } function openy(o,y){/*--打开y--*/ var cy = parseInt(o.style.height); if(cy < y) { o.style.height = (cy + Math.ceil((y-cy)/5)) +"px"; } else { clearInterval(proy); } } function closeed(id){/*--关闭--*/ closeWindow(); clearInterval(prox); clearInterval(proy); clearInterval(proxc); clearInterval(proyc); var o = document.getElementById(id); if(o.style.display == "block") { proyc = setInterval(function(){closey(o)},10); } } function closey(o){/*--打开y--*/ var cy = parseInt(o.style.height); if(cy > 0) { o.style.height = (cy - Math.ceil(cy/5)) +"px"; } else { clearInterval(proyc); proxc = setInterval(function(){closex(o)},10); } } function closex(o){/*--打开x--*/ var cx = parseInt(o.style.width); if(cx > 0) { o.style.width = (cx - Math.ceil(cx/5)) +"px"; } else { clearInterval(proxc); o.style.display = "none"; } } /*-------------------------鼠标拖动---------------------*/ var od = document.getElementById("fd"); var dx,dy,mx,my,mouseD; var odrag; var isIE = document.all ? true : false; document.onmousedown = function(e){ var e = e ? e : event; if(e.button == (document.all ? 1 : 0)) { mouseD = true; } } document.onmouseup = function(){ mouseD = false; odrag = ""; if(isIE) { od.releaseCapture(); od.filters.alpha.opacity = 100; } else { window.releaseEvents(od.MOUSEMOVE); od.style.opacity = 1; } } //function readyMove(e){ od.onmousedown = function(e){ odrag = this; var e = e ? e : event; if(e.button == (document.all ? 1 : 0)) { mx = e.clientX; my = e.clientY; od.style.left = od.offsetLeft + "px"; od.style.top = od.offsetTop + "px"; if(isIE) { od.setCapture(); od.filters.alpha.opacity = 50; } else { window.captureEvents(Event.MOUSEMOVE); od.style.opacity = 0.5; } //alert(mx); //alert(my); } } document.onmousemove = function(e){ var e = e ? e : event; //alert(mrx); //alert(e.button); if(mouseD==true && odrag) { var mrx = e.clientX - mx; var mry = e.clientY - my; od.style.left = parseInt(od.style.left) +mrx + "px"; od.style.top = parseInt(od.style.top) + mry + "px"; mx = e.clientX; my = e.clientY; } } function showBackground(obj,endInt) { obj.filters.alpha.opacity+=1; if(obj.filters.alpha.opacity<endInt) { setTimeout(function(){showBackground(obj,endInt)},8); } } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |