Ajax异步请求

Ajax

Ajax是一门技术并不是一门语言（无论是JAVA还是HTML都是学习到这里为止）

Ajax是一种无需重新加载整个网页的情况下，能够更新部分网页的技术。

Ajax = 异步 JavaScript + XML

通过在后台与服务器进行少量的数据交换，Ajax可以使网页实现异步更新。这意味着不再需要重新加载整个网页，对网页的某个部分进行更新。

Ajax必须要发送参数

url：请求的地址。

Type：请求的类型。

Data：请求时所传的参数

Success：回调参数，请求成功后出发function(res){}  res就是服务端给前台封装的响应消息。

Error：回调函数，请求失败后出发function(err){}  err是失败后的响应消息

console.log()的作用就是用于代码调试的。

DataType：接收数据的格式（不写的情况下根据响应的content-Type来猜测）

返回的参数类型

前端页面检查模式：

Elements：页面的元素     Console：控制台     Sources：资源,可调试JS代码

Network：网络请求     Performance：     Memory：

Application：浏览器本地储存     Secur：     Audits：

<iframe>是用来嵌套网页的。所以你要引入另一个页面就用<iframe>
<object>主要是用来插入flash或者音乐
$("#myID").load("test.html");
<link rel="import" href="component.html" >
<!--被包含文件与父文件存在于相同目录中。 --> 
<!-- #include file = "myfile.inc" --> 

<!--被包含文件位于脚本虚拟目录中。 --> 
<!-- #include virtual = "/scripts/tools/global.inc" --> 

<link rel="import" href="component.html" >   嵌套

 Ajax

登陆的案例：

<script>                                                                   
    $(".button").click(
        function () {
            var name = $(".id").val();
            var mima = $(".mima").val();
            var pata ={
                name:name,
                mima:mima,
                method:"吃"
            };

            $.ajax({
            url: "http://localhost:8080/login",
            type:"GET",
            data: pata,
                success:function (res) {
                    var se = JSON.parse(res);   //把后台传过来的字符串转为对象
                    if (se.data==1){
                        alert("登陆成功")
                    }else {
                        alert("未接收到返回值")
                    }
                },error:function (err) {
                    alert("失败")
                }
                });
        }
    );
</script>