`
wusuoya
  • 浏览: 629426 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论

AJAX+JSP GET与POST方式参数传递的应用

    博客分类：
  • web
 
阅读更多

参考链接：http://shenymce.blog.51cto.com/337979/693868

 

Ajax.html页面

  1. <!DOCTYPE html> 
  2. <html> 
  3.     <head> 
  4.         <title></title> 
  5.         <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
  6.         <script type="text/javascript"> 
  7.             var xmlhttp;  
  8.             function SubMit()  
  9.             {  
  10.                 //非IE浏览器XMLHttpRequest对象的创建  
  11.                 if (window.XMLHttpRequest)  
  12.                     {  
  13.                         xmlhttp=new XMLHttpRequest();  
  14.                     }  
  15.                     //IE浏览器XMLHttpRequest对象的创建  
  16.                     else if(window.ActiveXObject)  
  17.                     {  
  18.                         var activename=["Msxml2.XMLHTTP","Msxml.XMLHTTP","Microsoft.XMLHTTP"];  
  19.                         for (i=0;activename.length;i++)  
  20.                             {  
  21.                                 try{  
  22.                                     xmlhttp=new ActiveXObject(activename[i]);  
  23.                                     break;  
  24.                                 }  
  25.                                 catch(e){}  
  26.                             }              
  27.                     }  
  28.                if (xmlhttp)  
  29.                   {   
  30.                        document.getElementById("message").innerHTML="开始用户名测试...";  
  31.                        window.setTimeout('postxml()',2000);  //2秒后执行          
  32.                    }  
  33.                    else  
  34.                    {  
  35.                      alert("你的浏览器不支持XMLHttpRequest对象");        
  36.                    }  
  37.  
  38.  
  39.             }  
  40.             function godo()  
  41.             {  
  42.                   //判断服务器是否有返回值  
  43.                    if(xmlhttp.readyState == 4)  
  44.                    //判断HTTP请求是否正确  
  45.                        {  
  46.                            if(xmlhttp.status  == 200)  
  47.                            {  
  48.                                //获得服务器返回的数据  
  49.                                document.getElementById("message").innerHTML=xmlhttp.responseText;  
  50.                            }  
  51.                        }  
  52.             }  
  53.             //采用get方式传递参数  
  54.             function getxml()  
  55.             {  
  56.                var uname=document.getElementById("UserName");  
  57.                xmlhttp.open("get","AjaxServlet?uname="+uname.value,true)  
  58.                xmlhttp.onreadystatechange=godo;  
  59.                xmlhttp.send(null);      
  60.             }  
  61.             //采用post方式传递参数  
  62.              function postxml()  
  63.             {  
  64.                var uname=document.getElementById("UserName");  
  65.                xmlhttp.open("post","AjaxServlet",true)  
  66.                xmlhttp.onreadystatechange=godo;  
  67.                xmlhttp.setRequestHeader ("Content-Type","application/x-www-form-urlencoded");  
  68.                xmlhttp.send("uname="+uname.value);      
  69.             }             
  70.         </script> 
  71.     </head> 
  72.     <body> 
  73.         <input type="text" id="UserName"/> 
  74.         <input type="button" value="用户名验证" onclick="SubMit();"/> 
  75.         <div id="message"></div> 
  76.     </body> 
  77. </html> 

AjaxServlet.java页面

  1. protected void processRequest(HttpServletRequest request, HttpServletResponse response)  
  2.          throws ServletException, IOException {  
  3.      response.setContentType("text/html;charset=UTF-8");  
  4.      PrintWriter out = response.getWriter();  
  5.      try {  
  6.          String old=request.getParameter("uname");  
  7.          if(old == null || "".equals(old))  
  8.          {  
  9.              out.println("用户名不可以为空");  
  10.          }else{  
  11.              String name = new String(old.getBytes("ISO8859-1"),"gb2312");  
  12.              System.out.println(name);  
  13.              if(name.equals("123"))  
  14.              {  
  15.                  out.println("用户名"+ name + "已经存在！");  
  16.                    
  17.              }else{  
  18.                  out.println("用户名"+ name + "可以注册！");  
  19.              }  
  20.          }  
  21.      } finally {              
  22.          out.close();  
  23.      }  
  24.  }
分享到：
| Maven最佳实践：划分模块
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    httpxmlRequest+ajax+jquery+fastjson+jsp异步通讯实战案例精讲

    项目内容从创建原生态的HTTPXMLRequest实现ajax开始，详细讲解ajax的应用，各种应用场合的实战案例；利用JQuery的ajax支持，详细讲解$.ajax,$.post,$.get等方法实现ajax技术；讲解ajax文件上传，三级联动等；利用...

    实验五 AJAX开发及JSP验证码

    四、实验内容 1．在实验四基础上使用AJAX技术实现异步登录功能。... open("请求方式GET/POST","页面地址",true):与服务器建立连接 send():发送请求，如果是post提交方式，send("参数名=参数值");

    ajax中send的用法

    使用send方法传递参数使用的是POST方法，需要设定Content-Type头信息，模拟HTTP POST方法发送一个表单，这样服务器才会知道如何处理上传的内容。参数的提交格式和GET方法中url的写法一样。设置头信息前必须先调用...

    jsp+ajax发送GET请求的方法

    本文实例讲述了ajax发送GET请求，然后通过jsp页面来接收处理的实现方法。分享给大家供大家参考。具体实现方法如下： Ajax发送GET请求 这里用一个实例演示Ajax发送get请求，实例具体要求为一个注册页面，当用户填写完...

    java6_chapter912_ajax_jquery2019-8-21.zip

    第三种方式实现ajax异步刷新--post 4.需求4: 第四种方式实现ajax异步刷新--getJSON 5.需求5: 第五种 使用jquery发送Ajax请求 html 实现html类型传递数据的步骤: 1.管理员登录成功直接进入管理员list.jsp页面,...

    在Js页面通过POST传递参数跳转到新页面详解

    因为一开始是 GET 请求，所以当传递的数据过大的时候，会报错 nginx 414 request-uri too long 客户端请求头缓冲区大小，如果请求头总长度大于小于128k，则使用此缓冲区 client_header_buffer_size 128k; 请求头...

    ajax的两种提交方式(get/post)和两种版本

    最近比较闲，就把以前用过的技术串一下做个手札，方便以后自己...get/post两种提交方式，但get提交容易乱码，一定多加注意 jsp页面： 代码如下: &lt;&#37;@ page language=”java” import=”java.util.*” pageEncodi

    Ajax请求session超时处理流程

    response.sendRedirect(response.encodeRedirectURL("/ajaxDone.jsp"); else { response.sendRedirect(response.encodeRedirectURL(this.loginUrl + java.net.URLEncoder.encode(backToUrl, "UTF-8"))); } ...

    jquery ajax例子返回值详解

    在JQuery中，AJAX有三种实现方式：$.ajax() , $.post , $.get()。 首先我们看$.get(): 代码如下: $.get(“test.jsp”, { name: “cssrain”, time: “2008/01/21” }, //要传递的数据 function(data){ alert&#40;...

    Ajax最简单例子Demo

    Ajax最简单例子，一个例子让你明白Ajax原理，XMLHttpRequest原理 var http_request = false; function createRequest(url) { http_request = false; if (window.XMLHttpRequest) { // Mozilla浏览器 ...

    AJAXLib ajax框架

    AJAXLib is a class written in JavaScript that provides an easy way to ... With AJAXLib you can send data via POST or GET to server (PHP/PERL/JSP,etc) and get the result directly in your JavaScript

    探讨.get .post .ajax ztree 还有后台servlet传递数据的相关知识

    servlet给前台传递data串 用的方法是 PrintWriter out = response.getWriter(); // response.sendRedirect("test.jsp"); String s = "[{'id':'1', 'pId':'0', 'name':'test1'},{'id':'11', 'pId':'1', 'name':'...

    js调用AJAX时Get和post的乱码解决方法

    在使用”get”时，抓取的页面最后加上编码类型 代码如下: &lt;&#37; 服务器端：servletactioncontext.getresponse().setcharacterencoding(“utf-8”); 客户端 网页特效p/jsp.html target=_blank &gt;jsp教程： &lt;&#...

    jquery ajax

    这是用myeclipse做的jquery ajax的小例子。有.ajax .get .post .getJSON。 不用做任何处理，导入到myeclips中即可使用

    ajax乱码解决汇总

    第四，ajax发送数据的时候如果修改 Content-Type 为 application/x-www-form-urlencoded"，肯定是用post方式，而“太大的数据往往会出错”是用GET方式发送数据造成的。 第五，用vbscript写的函数是用来把数据转成gbk...

    aa.js ajaxanywhere.js

    form的action属性必须定义可以为空 表单通过post提交调用ajaxAnywhere.submitAJAX()方法，通过get提交，调用ajaxAnywhere.getAJAX()方法。 4.设定刷新域 在jsp中用在jsf中用 5.指定刷新区域 在jsp或者java代码控制...

    php与ajax一些经验

    并且与服务器端的传输方式有用GET或POST等 我这里说的是当传送xml或json数据时， PHP与其他服务器端语言不同之处在于，他将请求的数据封装到了服务器变量中(可能说的不对) 这样对于使用者，可以很简单的就取得GET或...

    如何解决Ajax访问不断变化的session的值不一致以及HTTP协议中的GET、POST的区别

    今天在做一个进度条的时候遇到一个...下面是我的proBar.jsp的代码： &lt;&#37;@ page language=java import=java.util.* pageEncoding=UTF-%&gt; &lt;&#37; String path = request.getContextPath(); String basePath

    AJAX中文乱码PHP中完美解决方法

    最近在做一个项目，遇到AJAX中文乱码问题，经过一个下午的努力终于完美... AJAX的中文乱码可以大概分为两中，第一种是向服务器端发送中文参数时（xmlhttp.open(“getpost”,url,true)）,服务器端接收到的为乱码，这个也

    Web 常见面试题

    2. GET 和 POST 的区别（4个） 3. http 中重定向和请求转发的区别（8个） 4. Cookie 和 Session
区别 5. 什么是 jsp,什么是 Servlet?jsp 和 Servlet 有什么区别? 6. jsp 有哪些域对象和内置对象及他们的作用 7. ...

Magicbox
Global site tag (gtag.js) - Google Analytics