aJax get和post

Posted caiJava

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了aJax get和post相关的知识,希望对你有一定的参考价值。

<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <title>aJaxRequest!!!</title>
        <script type="text/javascript">
        function ajaxReq(){
            //获取用户请求数据
            var uname=document.getElementById("uname").value;
            var data="uname="+uname;
            //创建ajax引擎对象
            var ajax;
            if(window.XMLHttpRequest){
                ajax=new XMLHttpRequest();
            }else if(window.ActiveXObject){
                ajax=new ActiveXObject("Msxml2.XMLHTTP");
            }
            //复写onreadystatechange函数
            ajax.onreadystatechange=function(){
                //判断ajax状态码
                if(ajax.readyState==4){
                    //判断响应状态码
                    if(ajax.status==200){
                        //获取响应内容
                        var result=ajax.responseText;
                        //处理响应内容
                        alert(result);
                    }    
                }    
            }    
            //get方法
            //ajax.open("get","ajaxServlet",true);
            //ajax.send(null);
            //pos方法
            ajax.open("post","ajaxServlet",true);
            ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            ajax.send(data);
            }
        </script>
        <style type="text/css">
            #myDiv{
                border:solid 4px;
                width:100px;
                height:100px;
            }
        
        </style>
    </head>
    <body>
        <h3>aJax!!</h3>
        <input id="uname" type="text" name="uname" value="">
        <button id="myButton" onclick="ajaxReq()" />show!!!</button>
        <div id="myDiv"></div>
    </body>
</html>

 

以上是关于aJax get和post的主要内容,如果未能解决你的问题,请参考以下文章

$.ajax(),$.get(),$.post()的区别,以及一些参数注意规则

Ajax发送GET和POST请求案例

Ajax 发送 GET 而不是 POST

深入理解jQuery中$.get$.post$.getJSON和$.ajax的用法

ajax常用实例代码总结参考

Django + Axios & Ajax post和get 传参