<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>

<script src="js/jquery.js" charset="utf-8"></script>

<script type="text/javascript">

function send(){

    var str=$("#content1").val();//document.getElementById("content1");

    //alert(str);

    var contens=document.getElementById("content");  

    //contens.innerHTML=str+"<br>";

    //document.getElementsByName("content1").value="";

    //    document.getElementsById("content1").value="1";

    $.ajax({

               type:"POST",

               url:"LoadPerdictServlet",

               data:{

                   option:str,

               },

          //     dataType : "json", //返回数据形式为json/或者是别的

               statusCode: {404: function()

                   {

                  //alert('page not found');          

                  /* 此处做个展示 */

                       var html='';

                       html+='<font color="red">me say：</font>';

                        html+='<li>';

                        html+='<div>'+str+'</div>';

                        html+='</li>';

                       html+='<font color="red">Ta say：</font>';

                        html+='<li>';

                        html+='<div>ok</div>';

                        html+='</li>';

                        contens.innerHTML+=html; 

                 },     

               success:function(data,textStatus){

                /*    var html='';

                       html+='<font color="red">me say：</font>';

                        html+='<li>';

                        html+='<div>'+str+'</div>';

                        html+='</li>';

                       html+='<font color="red">Ta say：</font>';

                        html+='<li>';

                        html+='<div>ok</div>';

                        html+='</li>';

                        contens.innerHTML+=html; */

                       }

               }

    });   

    }

</script>

</head>

<body>

<table width="778" height="276" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

  <td>

<fieldset style="width:326px">

     <ul id="content" style="text-align:left">

</ul>

</fieldset>

    </td>

  </tr>

</table>

<table width="778" height="106" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

      <td width="549" align="left">

    <input id="content1" type="text" size="70" value="">

      <input name="Submit2" type="button" class="btn_grey" value="发送" onClick="send()"></td>

  </tr>

</table>

</body>

</html>

简单的实现web聊天界面，一对一的更多相关文章

  1. Android—简单的仿QQ聊天界面

    最近仿照QQ聊天做了一个类似界面,先看下界面组成(画面不太美凑合凑合呗,,,,):

  2. web聊天室总结

    前言: 最近在写一个聊天室的项目,前端写了挺多的JS(function),导致有点懵比,出了BUG,也迟迟找不到.所以昨天把写过的代码总结了一下,写成博客. 项目背景 参考博客: http://www ...

  3. Knockout : 实现复杂的web聊天窗体

    公司以前一个同事写的这个聊天的窗体,由于是采用了html拼接的方式,外加处理的时候没有合理的划分职责,导致页面js代码量非常庞大(1500行左右).现在这哥们离职了,苦的是我们剩下的人,不多说,我先去 ...

  4. .net core下使用FastHttpApi构建web聊天室

    一般在dotnet core下构建使用web服务应用都使用asp.net core,但通过FastHttpApi组建也可以方便地构建web服务应用,在FastHttpApi功能的支持下构建多人聊天室是 ...

  5. 使用Servlet和JSP实现一个简单的Web聊天室系统

    1 问题描述                                                利用Java EE相关技术实现一个简单的Web聊天室系统,具体要求如下. (1)编写一个登录 ...

  6. python 全栈开发，Day129(玩具开机提示语,为多个玩具发送点播,聊天界面,app录音,app与服务器端文件传输,简单的对话)

    一.玩具开机提示语 先下载github代码,下面的操作,都是基于这个版本来的! https://github.com/987334176/Intelligent_toy/archive/v1.2.zi ...

  7. Android开发学习之路--UI之简单聊天界面

    学了很多的ui的知识,这里就来实现个聊天的界面,首先来实现个layout的xml,代码如下: <?xml version="1.0" encoding="utf-8 ...

  8. 在WEB项目中调用QQ通讯组件打开QQ聊天界面

    在很多WEB项目中,需要提供在线服务的功能,加上自己的联系方式,例如:QQ,不用添加QQ好友也可以交谈,那这到底是怎么实现的呢? 对于这个功能,需要提到一个组件,即“QQ通讯组件”.QQ通讯组件是一种 ...

  9. Netty学习摘记 —— 简单WEB聊天室开发

    本文参考 本篇文章是对<Netty In Action>一书第十二章"WebSocket"的学习摘记,主要内容为开发一个基于广播的WEB聊天室 聊天室工作过程 请求的 ...

随机推荐

  1. vue项目跨域问题

    跨域 了解同源政策:所谓"同源"指的是"三个相同". 协议相同 域名相同 端口相同 解决跨域 jsonp 缺点:只能get请求 ,需要修改B网站的代码 cors ...

  2. 第18题:在O(1)时间删除链表结点+删除链表中重复的节点

    题目描述:题目描述在O(1)时间删除链表结点 给定单向链表的头指针和一个结点指针,定义一个函数在O(1)时间删除该结点. 考查创新编程能力. 思路: 1.如果从头到尾遍历,时间O(n) 2.如果将待删 ...

  3. split 分割压缩文件

    1.普通tar压缩命令 tar -zcvf cm-11.tar.gz cm-11 //将cm-11文件夹压缩成cm-11.tar.gz 2.压缩后的文件太大,需要将cm-11.tar.gz分割成N个指 ...

  4. oracle 11gR2 for win7旗舰版64安装以及连接plsql和NaviCat(win64_11gR2_database) (2012-12-31-bd 写的日志迁移

    先到oracle官网http://www.oracle.com/technetwork/cn/database/enterprise-edition/downloads/index.html下载必要数 ...

  5. Python9-IO模型-day41

    # 进程:启动多个进程,进程之间是由操作系统负责调用# 线程:启动多个线程,真正由被cpu执行的最小单位实际是线程# 开启一个线程,创建一个线程,寄存器.堆栈# 关闭一个线程# 协程# 本质上是一个线 ...

  6. mysql-show processlist之writing to net

    mysql提示Writing to net解决 最近发现某一个数据库cpu占用比较过.超过200%了. 首先查看数据库慢日志,设定慢日志5秒,基本上没有产生日,没有超过5秒的语句. show proc ...

  7. TCP/IP网络编程之优于select的epoll（一）

    epoll的理解及应用 select复用方法由来已久,因此,利用该技术后,无论如何优化程序性能也无法同时接入上百个客户端.这种select方式并不适合以web服务端开发为主流的现代开发环境,所以要学习 ...

  8. Python中bisect的使用方法

    Python中列表(list)的实现其实是一个数组,当要查找某一个元素的时候时间复杂度是O(n),使用list.index()方法,但是随着数据量的上升,list.index()的性能也逐步下降,所以 ...

  9. NMF分解（二）

    应用: 一.图像分析 NMF最成功的一类应用是在图像的分析和处理领域.图像本身包含大量的数据,计算机一般将图像的信息按照矩阵的形式进行存放,针对图像的识别.分析和处理也是在矩阵的基础上进行的.这些特点 ...

  10. 手机端sticker布局，底部按钮在屏幕底部

    <template> <div class="product-detail-container"> <div class="detail&q ...