【jquery】:表单返回信息
第一个页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> * { margin:0; padding:0;} body { font-size:12px;} .comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;} .comment h6 { font-weight:700; font-size:14px;} .para { margin-top:5px; text-indent:2em;background:#DDD;} </style > <script type="text/javascript" src="scripts/jquery.js"></script> <script language="javascript"> $(document).ready(function() { var notIE = -[1,]; if(-[1,]){ $(".place").css("position","relative"); $(".place").css("left","260px"); $(".place").css("bottom","15px"); $(".placea").css("position","relative"); $(".placea").css("left","240px"); $(".placea").css("bottom","10px"); }else{ $(".place").css("position","relative"); $(".place").css("left","260px"); $(".place").css("bottom",20+"px"); $(".placea").css("position","relative"); $(".placea").css("left",240+"px"); $(".placea").css("bottom",14+"px"); } }); </script> <!-- 引入jQuery --> <script src="scripts/jquery.js" type="text/javascript"></script> <script language="javascript" > $(function(){ $("#send").click(function(){ $.get("webtest.jsp?action=addmuc×tamp=" + new Date().getTime(), { creator : encodeURI( $("#creator").val() ) , userlist : encodeURI( $("#userlist").val() ) , act : encodeURI( $("#act").val() ) , flag : encodeURI( $("#flag").val() ) }, function (data, textStatus){ data = data.replace(new RegExp("<", "gm"), "<"); data = data.replace(new RegExp(">", "gm"), ">"); var txtHtml = "<div class='comment'><p class='para'>"+data+"</p></div>"; $("#resText").html(txtHtml); // 把返回的数据添加到页面上 },"text"); }) }) $(function(){ $("#sends").click(function(){ $.get("webtest.jsp?action=addmuc×tamp=" + new Date().getTime(), { creator : encodeURI( $("#creators").val() ) , act : encodeURI( $("#acts").val() ) , flag : encodeURI( $("#flags").val() ) }, function (data, textStatus){ data = data.replace(new RegExp("<", "gm"), "<"); data = data.replace(new RegExp(">", "gm"), ">"); var txtHtml = "<div class='comment'><p class='para'>"+data+"</p></div>"; $("#resTexts").html(txtHtml); // 把返回的数据添加到页面上 },"text"); }) }) $(function(){ $("#sendss").click(function(){ $.get("webtest.jsp?action=addmucto×tamp=" + new Date().getTime(), { username : encodeURI( $("#username").val() ) , ip : encodeURI( $("#ip").val() ) }, function (data, textStatus){ data = data.replace(new RegExp("<", "gm"), "<"); data = data.replace(new RegExp(">", "gm"), ">"); var txtHtml = "<div class='comment'><p class='para'>"+data+"</p></div>"; $("#resTextss").html(txtHtml); // 把返回的数据添加到页面上 },"text"); }) }) </script> </head> <body bgcolor="beige"> <center> <h4> <br><br></br></></><div class='comment'><h3></>当存在参与人员的时候,该接口直接创建多人会话窗口</h3></div><br><br><br> <form id="form1"> <p>标记值:<input type="text" name="flag" id="flag" value="1" readonly="true" /></p> <p>类型值:<input type="text" name="act" id="act" value="addmuc" readonly="true" /></p> <p>创建者:<input type="text" name="creator" id="creator" /></p> <p>参与者:<textarea name="userlist" rows="3" cols="17" id="userlist" ></textarea></p><div class="place"><font color=red size="-1"> ※可以填写多个用户,用户之间用英文逗号隔开</font></div> <p><input type="button" id="send" value="提交"/></p> <br> </form> <div class='comment'>返回:</div> <div id="resText" > </div> <br><br><div class='comment'><h3></>当不存在参与人员的时候,该接口弹出CS端组织架构选择框</h3></div><br><br><br> <form id="form1"> <p>标记值: <input type="text" name="flags" id="flags" value="2" readonly="true" /></p> <p>类型值: <input type="text" name="acts" id="acts" value="add" readonly="true" /></p> <p>创建者: <input type="text" name="creators" id="creators" /></p> <p><input type="button" id="sends" value="提交"/></p> <br> </form> <div class='comment'>返回:</div> <div id="resTexts" > </div> <br><br><br><div class='comment'><h3>验证PO与CS客户端是否在同一机器的接口</h3></div> <br><br> <form id="form1"> <p>用户名:<input type="text" name="username" id="username" /></p> <p>用户ip:<input type="text" name="ip" id="ip" /> </p></p> <div class="placea"><font color=red size="-1">※可以填写多个ip,ip之间用英文逗号隔开</font></div> <p><input type="button" id="sendss" value="提交"/></p> <br> </form> <div class='comment'>返回:</div> <div id="resTextss" > </div> </h4> </center> </body> </html>
第二个页面
<%@page import="qflag.ucstar.manager.WebserviceManager"%> <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String action = request.getParameter("action"); if (action.equalsIgnoreCase("addmuc")) { try { String creator = request.getParameter("creator"); String act = request.getParameter("act"); String flag = request.getParameter("flag"); String userlist = request.getParameter("userlist"); if(userlist==null ||userlist.isEmpty()){ userlist = creator; } WebserviceManager.getInstance().bindWebService("http://192.168.1.135:9090/services/UcstarWebservice?WSDL"); String resps = WebserviceManager.getInstance().getWebservice().requestXMLData("<ucstar>"+ "<action type=\"get\">ucstar.action.tyjmucroom</action>"+ "<body>" + "<mucroom action=\"" + act + "\">" + "<creater>" + creator + "</creater>" //addmuc:新增多人会话房间 add:弹出组织架构 + "<flags>" + flag + "</flags>" + "<ctime></ctime>" + "<userlist>" + userlist + "</userlist>" + "</mucroom></body></ucstar>"); out.println(resps); } catch (Exception e) { e.printStackTrace(); } } else if (action.equalsIgnoreCase("addmucto")) { try { String username = request.getParameter("username"); String ip = request.getParameter("ip"); WebserviceManager.getInstance().bindWebService("http://192.168.1.135:9090/services/UcstarWebservice?WSDL"); String resps = WebserviceManager.getInstance().getWebservice().requestXMLData("<ucstar>" +"<action type=\"get\">ucstar.action.messageExtend</action>" +"<body>" +"<extend action=\"checkUser\">" +"<username>"+username+"</username>" +"<tyjuip>"+ip+"</tyjuip>" +"</extend></body></ucstar>" );; out.println(resps); // out.println(); } catch (Exception e) { e.printStackTrace(); } } %>
【jquery】:表单返回信息的更多相关文章
- Jquery表单提交后获取返回Json值
1.给form添加id值: <form action="/News/SaveMessage" method="post" accept-charset=& ...
- 【jquery】Validform,一款不错的 jquery 表单验证插件
关于 Validform 这是一款很不错的 jquery 表单验证插件,它几乎能够满足任何验证需求,仅仅一行代码就能搞定整站的表单验证. $('form').Validform(); 为什么能如此方便 ...
- python_way day17 jQuery表单验证,事件绑定,插件,文本框架,正则表达式
python_way day17 1.jQuery表单验证 dom事件绑定 jquery事件绑定 $.each return值的判断 jquery扩展方法 2.前段插件 3.jDango文本框架 4. ...
- jquery表单验证使用插件formValidator
JQuery表单验证使用插件formValidator 作者: 字体:[增加 减小] 类型:转载 时间:2012-11-10我要评论 jquery表单验证使用插件formValidator,可供有需求 ...
- jquery validate强大的jquery表单验证插件
jquery validate的官方演示和文档地址: 官方网站:http://jqueryvalidation.org/ 官方演示:http://jqueryvalidation.org/files/ ...
- 【jQuery基础学习】06 jQuery表单验证插件-Validation
jQuery的基础部分前面都讲完了,那么就看插件了. 关于jQuery表单验证插件-Validation validation特点: 内置验证规则:拥有必填.数字.E-Mail.URL和信用卡号码等1 ...
- jQuery打造用户注册时获取焦点文本框出现提示jquery表单特效
jQuery打造用户注册时获取焦点文本框出现提示效果的jquery表单特效 当获取焦点时,会分别的弹出相应的信息提示框,失去焦点就会隐藏提示信息. 效果兼容性很高,适用浏览器:IE6.IE7.IE8. ...
- JQuery 表单验证--jquery validation
jquery validation,表单验证控件 官方地址 :http://jqueryvalidation.org/ jquery表单验证 默认值校验规则 jquery表单验证 默认的提示 < ...
- jQuery框架学习第十一天:实战jQuery表单验证及jQuery自动完成提示插件
jQuery框架学习第一天:开始认识jQueryjQuery框架学习第二天:jQuery中万能的选择器jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQuer ...
随机推荐
- JAVA 几种引用类型学习
1.对象的强.软.弱和虚引用 在JDK 1.2以前的版本中,若一个对象不被任何变量引用,那么程序就无法再使用这个对象.也就是说,只有对象处于可触及(reachable)状态,程序才能使用它.从J ...
- UML精粹1 - 简介
Martin的主页 http://martinfowler.com/. Pavel Hruby开发的visio模板,可以用来画UML图: http://phruby.com 简介 统一建模语言UML是 ...
- 随笔3- list array
今天看到了一段代码 使用 数组去初始化赋值给list,就是把指针的首地址和end地址的下一位传递给list,把内存中这段长度copy到list中, 回忆起以前看到的一个资料 摘自C++ Primer ...
- silverlight简单数据绑定3
3种数据绑定模式 OneTime(一次绑定) OneWay(单项绑定) TwoWay(双向绑定) OneTime:仅在数据绑定创建时使用数据源更新目标. 列子: 第一步,创建数据源对象让Person ...
- WCF使用小结:(1)WCF接收HTTP POST数据的处理方法
在WCF 4.0中,为我们创建Restful API有了更好的支持.通过定义UriTemplate,WebInvoke就可以快速开发API接口. 这里我记录一下HTTP POST数据时要如何接收POS ...
- JavaScript笔记:数据类型
javascript中有5种基本数据类型:Undefined,Null,Boolean,Number和String,还有一种复杂的数据类型--Object.javascript不支持任何创建自定义类型 ...
- mysql存储过程简介
创建存储过程CREATE PROCEDURE productpricing(OUT pl DECIMAL(8,2),OUT ph DECIMAL(8,2),OUT pa DECIMAL(8,2))BE ...
- HttpUtility.UrlEncode
- Mycat配置文件schema.xml参数配置
Mycat原理: Mycat的原理中最重要的一个动词是"拦截",它拦截了用户发送过来的SQL语句,首先对SQL语句做了一些特定的分析:如分片分析.路由分析.读写分离分析.缓存分析等 ...
- 利用js对象的特性,去掉数组中的重复项