javascript请求servlet实现ajax示例(分享)-巨人网络通讯

ajax请求是一种无刷新式的用户体验，可以发送GET和POST两种异步请求，现记录如下：

GET请求：

function sendRequestByGet(){
     //定义异步请求对象
    var xmlReq;
    //检测浏览器是否直接支持ajax
    if(window.XMLHttpRequest){//直接支持ajax
      xmlReq=new XMLHttpRequest();
    }else{//不直接支持ajax
      xmlReq=new ActiveObject('Microsoft.XMLHTTP');
    }
    
     //设置回调函数
     xmlReq.onreadystatechange=function(){
       if (xmlReq.readyState==4xmlReq.status==200) {
         //获取服务器的响应值
        var result=xmlReq.responseText;
         //后续操作
         alert(result);
      }
     };
     
     //创建异步get请求
     var url="Hello?name=zhangsan";
     xmlReq.open("GET",url,true);
     //发送请求
     xmlReq.send(null);
   }

POST请求：

function sendRequestByPost(){
     //定义异步请求对象
    var xmlReq;
    //检测浏览器是否直接支持ajax
    if(window.XMLHttpRequest){//直接支持ajax
      xmlReq=new XMLHttpRequest();
    }else{//不直接支持ajax
      xmlReq=new ActiveObject('Microsoft.XMLHTTP');
    }
    
     //设置回调函数
     xmlReq.onreadystatechange=function(){
       if (xmlReq.readyState==4xmlReq.status==200) {
         //获取服务器的响应值
        var result=xmlReq.responseText;
         //后续操作
         alert(result);
      }
     };
     
     //创建异步Post请求
     var url="Hello";
     xmlReq.open("POST",url,true);
     xmlReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
     //发送请求
     var data="name=lisi";
     xmlReq.send(data);
   }

ajax请求的servlet：

@Override
  protected void doPost(HttpServletRequest req, HttpServletResponse resp)
      throws ServletException, IOException {
    String name=req.getParameter("name");
    PrintWriter out = resp.getWriter();
    out.print(name);
  }

效果：

以上这篇javascript请求servlet实现ajax示例(分享)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

实例解读Ajax与servlet交互的方法
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
jQuery Ajax传值到Servlet出现乱码问题的解决方法
深入Ajax代理的Java Servlet的实现详解
jquery请求servlet实现ajax异步请求的示例
Servlet+Ajax实现智能搜索框智能提示功能
Ajax+Servlet+jsp显示搜索效果
Servlet获取AJAX POST请求中参数以form data和request payload形式传输的方法
javaweb中ajax请求后台servlet(实例)
关于Ajax技术中servlet末尾的输出流
AJAX Servlet实现数据异步交互的方法
探讨.get .post .ajax ztree 还有后台servlet传递数据的相关知识
Servlet 与 Ajax 交互一直报status=parsererror的解决办法
Ajax+Servlet实现无刷新下拉联动效果
浅谈ajax在jquery中的请求和servlet中的响应
Servlet3.0与纯javascript通过Ajax交互的实例详解

全 部 栏 目

全部栏目