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==4&&xmlReq.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==4&&xmlReq.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示例(分享)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# 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交互的实例详解 # 给大家 # 回调 # 不直接 # 是一种 # 两种 # 希望能 # 这篇 # 小编 # 大家多多 # open # onreadystatechange # readyState # XMLHTTP # responseText # ActiveObject # Microsoft # amp # alert # url # zhangsan

返回目录在线咨询

上一篇：php源码怎么编辑_用编辑器修改PHP源码内容教程【技巧】
下一篇：丹阳网站建设：打造个性化在线平台的新趋势

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

javascript请求servlet实现ajax示例(分享)

您的项目需求