1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 | init(); //------------------------------------------------------------------------- /** * init * 检查浏览器是否安装Gears插件,如果没安装,转向Gears安装的网址 */ function init() { var url = window.location.href; if (!window.google || !google.gears) { var message = "Sorry, you must install Google Gears first!"; var url = window.location.href+""; location.href = "http://gears.google.com/?action=install&message="+ message + "&return="+url; } } //------------------------------------------------------------------------- /** * createXMLHttpRequest * 创建XMLHttpRequest对象 */ var request; function createXMLHttpRequest() { /* //方式一:古老的方式创建XMLHttpRequest对象 if (window.ActiveXObject) { request = new ActiveXObject("Microsoft.XMLHTTP"); }else if (window.XMLHttpRequest) { request = new XMLHttpRequest(); } */ //方式二:使用gears api轻松创建XMLHttpRequest对象(推荐) try{ request = google.gears.factory.create('beta.httprequest','1.0'); }catch (ex) { return; } } /** * doHttpRequest * 向action.jsp发送request请求 */ function doHttpRequest() { createXMLHttpRequest(); //组合欲向服务器传递的参数串 var query = createQuery(); var url = 'action.jsp?'+query; request.onreadystatechange = callback; request.open('GET',url, true); request.send(null); } /** * createQuery * 获得输入框内容,组合成URL请求字符串 */ function createQuery() { //获得页面控件的输入数据 var name = document.getElementById('name').value; var title = document.getElementById('title').value; var content = document.getElementById('content').value; var query = "name="+name+"&title="+title+"&content="+content+"&Timestamp="; return query; } /** * callback * 回调函数,当服务器成功相应,则显示反馈消息,并清除输入框内容 */ function callback() { if(request.readyState == 4) { if(request.status == 200) { alert(request.responseText); clear(); } } } /** * clear *清除输入框内容 */ function clear(){ document.getElementById('name').value = ''; document.getElementById('title').value = ''; document.getElementById('content').value = ''; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 | <%@ page language="java" contentType="text/html; charset=gb2312" import="java.util.*,java.sql.*,java.text.*"%> <!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=gb2312"> <title>Send Your Report</title> <!-- 导入js --> <script type="text/javascript" src="js/gears_init.js"></script> <script type="text/javascript" src="js/common.js"></script> <!-- CSS样式 --> <style type="text/css"> .input { border:1px solid grey; margin-top:2px; width:190px; } .warn{ color:red; } .frame{ width: 500px; border-bottom-width: thin; border-bottom-style: dotted ; } </style> </head> <body> <div id="head" class="frame"> <h1>Send Your Report</h1> </div> <div id="body" class="frame"> <!-- Java代码获得当前日期 --> today: <% Calendar c = Calendar.getInstance(); SimpleDateFormat sdf = new SimpleDateFormat(); sdf.applyPattern("yyyy-MM-dd"); String date=sdf.format(c.getTime()); out.print(date); %> <br /> <!-- 输入框 --> name: <input type="text" name="name" id="name" class="input" /> <br /> title: <input type="text" name="title" id="title" class="input" /> <br /> report:<br /> <textarea cols="70" rows="6" name="content" id="content" style="width: 280px; height: 113px;"></textarea> <br /> <br /> <!-- 提交按钮--> <input type="button" value="submit" onclick="doHttpRequest();" id="submit"/> <br /><br /> </div> <div id="buttom" class="frame"> </div> </body> </html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <%@ page import="java.util.Date" %> <% String name = request.getParameter("name"); String title = request.getParameter("title"); String content = request.getParameter("content"); String Timestamp = request.getParameter("Timestamp"); //获得时间 if(Timestamp.equals("") || Timestamp==null) { Timestamp = new Date().toString(); } String responseText = ""; //验证 if(name==null||name.equals("")) {//if no name responseText = "Enter your name!"; out.println(responseText); //关闭 out.close(); return; } // 所有事情都解决了,则前台和后台都输出成果 responseText = "The "+name+"'s report(Title:"+title+") is sent successfully at "+Timestamp; out.println(responseText); System.out.println(responseText); %> |
欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/) | Powered by Discuz! 7.0.0 |