AJAX的代码

最新推荐文章于 2023-11-21 13:31:26 发布

万里的探求者

最新推荐文章于 2023-11-21 13:31:26 发布

阅读量326

点赞数

分类专栏： java ajax 文章标签： ajax

本文链接：https://blog.csdn.net/ziang111/article/details/77040100

版权

java 同时被 2 个专栏收录

34 篇文章 0 订阅

订阅专栏

ajax

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript">
        function fun(){
            /*创建ajax引擎对象*/
            var xmlHttp = new XMLHttpRequest();
            //绑定监听
            xmlHttp.onreadystatechange = function(){
                //接受相应的数据
                  if (xmlhttp.readyState==4 && xmlhttp.status==200)
                  {
                       var res = xmlHttp.responseText;
                       $("#p").html(res)
                  }

            }
            //绑定地址  true 为异步  false 为同步
            xmlHttp.open("POST","/WEB22/AJAXServlet",true)
            //get请求不用这个
            xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
            //发送请求
            xmlHttp.send("name=zzzz");
        }
    </script>
    <body>
        <div><p id="p">Hello</p></div>
    </body>
</html>

JQuery的AJAX代码

        onload = function() {

            $.post(
                "/WEB20/ajaxServlet", //要访问的地址
                {"name":"李四","age":10},  //传递的值
                function(data){
                    //返回成功要执行的方法
                    alert(data.name)
                },
                "json" //返回值类型

            )
            //目前感觉应该这两个没啥区别
            $.get(
                "/WEB20/ajaxServlet", //要访问的地址
                {"name":"李四","age":10},  //传递的值
                function(data){
                    //返回成功要执行的方法
                    alert(data.name)
                },
                "json" //返回值类型

            )
        }

往回传递的时候需要加转义

response.getWriter().write("{\"name\":\"tom\",\"age\":\"21\"}");

万里的探求者

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AJAX的代码

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="tex
复制链接

扫一扫

专栏目录