【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&timestamp=" + 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"), "&lt;");
                          data = data.replace(new RegExp(">", "gm"), "&gt;");
                        var txtHtml = "<div class='comment'><p class='para'>"+data+"</p></div>";
                            $("#resText").html(txtHtml); // 把返回的数据添加到页面上
                        },"text");

        })

    })
    $(function(){

       $("#sends").click(function(){

           $.get("webtest.jsp?action=addmuc&timestamp=" + new Date().getTime(), {
                        creator :    encodeURI( $("#creators").val() ) ,
                        act :        encodeURI( $("#acts").val() ) ,
                        flag :        encodeURI( $("#flags").val() )
                    }, function (data, textStatus){
                          data = data.replace(new RegExp("<", "gm"), "&lt;");
                          data = data.replace(new RegExp(">", "gm"), "&gt;");
                        var txtHtml = "<div class='comment'><p class='para'>"+data+"</p></div>";
                        $("#resTexts").html(txtHtml); // 把返回的数据添加到页面上
                    },"text");

        })

    })
    $(function(){
       $("#sendss").click(function(){
           $.get("webtest.jsp?action=addmucto&timestamp=" + new Date().getTime(), {
                        username :   encodeURI( $("#username").val() ) ,
                        ip :            encodeURI( $("#ip").val() )
                    }, function (data, textStatus){
                          data = data.replace(new RegExp("<", "gm"), "&lt;");
                          data = data.replace(new RegExp(">", "gm"), "&gt;");
                        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 ...

随机推荐

Linux给指定用户或全部用户（已登录）发送消息
在局域网络内很多时候是许多人共用一些机器,但如果多个人同时在使用同一台机器必定会发生一些冲突,比如系统的某些配置被修改,这样引起一些麻烦.那么如果在使用该机器之前,先给登录到该机器的所有其他用户发送一 ...
BP(back propagation)反向传播
转自:http://www.zhihu.com/question/27239198/answer/89853077 机器学习可以看做是数理统计的一个应用,在数理统计中一个常见的任务就是拟合,也就是给定 ...
WS-Security
ylbtech-Miscellaneos: WS-Security A,返回顶部 1, WS-Security (Web服务安全) 是一种提供在Web服务上应用安全的方法的网络传输协议. 2004年4 ...
tensorflow 学习1 环境搭建
1. 下载Anaconda(首选官网,但很慢) Anaconda2-4.0.0-Linux-x86_64.sh Anaconda 安装包还可以到 https://mirrors.tuna.tsingh ...
CentOS6.4 安装 erlang
wget http://www.erlang.org/download/otp_src_17.0.tar.gz -P /usr/local/src/ wget http://www.erlang.or ...
【原】升级nginx注意点
1.通知nginx将pid文件改名为nginx.pid.oldbin,并启动新的nginx kill -USR2 `cat /usr/local/nginx/logs/nginx.pid` 2.通知旧 ...
关于SoCFPGA 编译问答
1.在Qsys里面添加了一个新的组件(不是hps里面的东西),挂在Avalon总线上,如添加了一个新ADC组件,是否需要重新编译dtb. 答: 不需要. 2.修改了相关Qsys里面的东西,是否也需要 ...
智能指针 ADO数据库连接
ADO库包含三个基本接口:_ConnectionPtr接口._CommandPtr接口和_RecordsetPtr接口._ConnectionPtr接口返回一个记录集或一个空指针.通常使用它来创建一个 ...
JavaScript执行bat文件清理浏览器缓存
function exec() { window.onerror = function (err) { if (err.indexOf('utomation') != -1) { alert('命令已 ...
第五百八十天 how can I 坚持
一定要稳住啊,怎么感觉心神不宁呢.哎.越是这种情况越能考验一个人吧. 说都会说,做起来真的好难啊. 今天上班一天都感觉心神不宁的.到底是哪出了问题,事情太多了.好吧,是挺多的,考研.上班,还得考虑结婚 ...

【jquery】：表单返回信息

【jquery】：表单返回信息的更多相关文章

随机推荐

热门专题