• ajax的get 和post方式发送请求


    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <base href="<%=basePath%>">
    <title>My JSP 'index.jsp' starting page</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0"> 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
    
    <script type="text/javascript">
    function valDateEmian(hag){
    //createGetHttpRequst(hag.value);    
    createPostHttpRequst(hag.value);
    
    }
    var xmlHttpRequest; 
    
    function createGetHttpRequst(name){
    
    xmlHttpRequest=new XMLHttpRequest();
    //2调用回调函数
    xmlHttpRequest.onreadystatechange=callBack;
    //3初始化xmlhttpreqost组件
    xmlHttpRequest.open("GET","UserServlet?name="+name,true);
    //4发送请求
    xmlHttpRequest.send(null);
    }
    function createPostHttpRequst(name){
    xmlHttpRequest=new XMLHttpRequest();
    xmlHttpRequest.onreadystatechange=callBack;
    xmlHttpRequest.open("POST","UserServlet",true);
    xmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xmlHttpRequest.send("name="+name+"&opr=index");
    }
    
    
    //设置回调函数
    function callBack(){
    if (xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200) {
    var date =xmlHttpRequest.responseText;
    document.getElementById("emain").innerHTML=date;
    
    } 
    
    }
    </script>
    </head>
    
    <body>
    邮箱    :<input type="text" onblur="valDateEmian(this)" /><span id="emain"> </span>
    用户名    :<input type="text" />    <span id="emain"> </span>
    密码    :<input type="text" />    <span id="emain"> </span>
    </body>
    </html>
  • 相关阅读:
    @Repository、@Service、@Controller 和 @Component
    SSH简单搭建
    超详细的Maven使用教程
    Maven入门指南① :Maven 快速入门及简单使用
    MySQL建立一个连接工具类
    js分页demo
    Java通过JDBC 进行Dao层的封装
    Linux 上svn使用http访问设置
    Linux (Ubuntu)安装svn
    阿里云域名文档
  • 原文地址:https://www.cnblogs.com/Smina/p/7208973.html
Copyright © 2020-2023  润新知