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

来源：互联网发布：手机搜不到网络只有2g 编辑：程序博客网时间：2024/05/16 17:24

上回已经写了用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，并启动服务器

3.在浏览器中输入端口号+页面名就能在服务器中打开页面了

同时服务器后台也监听到用户打开的页面消息

4.点击按钮

服务器收到请求

在浏览器后台找到服务器返回的数据了

当然服务器那边可以写一些验证方法，这样简单的登录验证就能实现了。

如有建议希望大家多多提出意见谢谢。

0 0