用JQ来写AJAX发送请求到服务器

最新推荐文章于 2024-07-15 22:52:27 发布

趁早--我是认真的

最新推荐文章于 2024-07-15 22:52:27 发布

阅读量5.2k

点赞数 3

分类专栏： node.js 文章标签：前端服务器 ajax 数据

本文链接：https://blog.csdn.net/Mark_JF00/article/details/53458391

版权

node.js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

上回已经写了用Node.js搭建一个服务器，今天就开始使用这个服务器为我们提供数据。

1.首先我写一个简单的请求页面

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>向服务请请求数据</title>
    <script src="jquery-1.11.3.js"></script>

</head>
<body>
    <input type="button" id="btn2" value="发送请求"/>
    <script>
        $("#btn2").on("click",function(){
            $.ajax({
                url:"/ajax.do",
                type:"post",
//            async:false,//同步
                data:{"name":"JF"},//传出的数据
                dataType:"json",//返回的数据类型，常用：html/text/json
                success:function(data){
                    console.log(typeof data);
                    for(var i= 0;i<data.length;i++){
                        console.log(data[i].name);
                    }
                }
            })
        });
    </script>
</body>
</html>

2.接下来我们打开app.js，并启动服务器