【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 ...
随机推荐
- nodejs初探（一）环境搭建，开发工具安装
简介 JavaScript是一种运行在浏览器的脚本,它简单,轻巧,易于编辑,这种脚本通常用于浏览器的前端编程,但是一位开发者Ryan有一天发现这种前端式的脚本语言可以运行在服务器上的时候,一场席卷全球 ...
- (转)SVN 服务端、客户端安装及配置、导入导出项目
SVN服务器搭建和使用(一) Subversion是优秀的版本控制工具,其具体的的优点和详细介绍,这里就不再多说. 首先来下载和搭建SVN服务器. 现在Subversion已经迁移到apache网站上 ...
- jQuery MiniUI 开发指南+API组件参考手册
jQuery MiniUI 开发指南 本文档将逐步的讲解jQuery MiniUI的方方面面,从此您将踏上jQuery MiniUI的深入探索之旅. 1.Hello M ...
- 微信订阅号里实现oauth授权登录，并获取用户信息 (完整篇)
摘要 这段时间一直有人问我,订阅号实现的oauth授权登录的问题,之前写的比较简单,很多人不明白.众所周知,微信公众号分订阅号.服务号.企业号:每个号的用途不一样,接口开放程度也不一样.微信还有个扯淡 ...
- 移动手机专题rem布局实践+主要代码
HTML开头部分 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" / ...
- 关于mysql 的一些零碎.
/* 又在做自己以前做的事.总是拿以前的眼光来看现在,导致了其实自己已经很low,但是还觉得自己很xxx. 好吧,最近开始PHP审计.jishigou!!!!!! */ 查看日志情况. show va ...
- Scala class的构造方法与继承
有java背景的人,很清楚java是如何定义构造方法以及继承的.在scala里面,继承和java有些相似.但是构造方法的定义,就不大一样了,应该说是差别还是很大的.在java里面,定义构造方法,就是定 ...
- exports 和 module.exports 的区别
https://cnodejs.org/topic/5231a630101e574521e45ef8 //一句话总结:exports是对module.exports的引用,require()返回的是 ...
- TortoiseSVN-1.8.11 安装时弹出2503错误导致安装失败解决办法
这个问题主要是由于msi格式文件在win8中默认不是以管理员身份运行造成,可通过命令行解决: 右键单击win8左下角启动图标,选择命令提示符(管理员): 输入:msiexec /package 要安装 ...
- 说一说inline-block的奇葩之处
今天本来想聊一下margin和padding,但是当我给div加了一个display:inline-block之后,发现一个问题: .box_demo{border: 1px solid #333;w ...