Ajax实例，让你快速了解部分更新页面技术！

Ajax=Asynchronous JavaScript and XML(异步的JavaScript和XML)

是一种无须重新加载整个网页的情况下，能够更新部分网页的技术。不是一种编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术

增加B/S的体验

B/S:未来的主流，并且会爆发式的持续增长；

H5（手机端）+网页（web）+客户端+手机端（Android，Ios）+小程序

利用Ajax可以做：

• 注册时，输入用户名自动检测用户是否已经存在。
• 登录时，提示用户名密码错误
• 删除数据行时，将行ID发送到后台。后台在数据库中删除，数据库删除成功后，在页面DOM中将数据行删除

案例：输入一个网页地址，点击查询可以跳转到对应的页面！

代码如下：

<script type="text/javascript">
    function data(){
        //1. 获取频段
        var wfb = document.getElementById("url").value;
        document.getElementById("iframePosition").src = wfb;
    }
</script>
    <div>
        <p>
            输入网页地址：<input type="text" id="url" value = "https://www.baidu.com/"> 
                   <button type="button" onclick="data()">查询</button>
        </p>
    </div>
            <div>
                <h3>
                    加载页面的位置：
                </h3>
                <iframe style="width:100%;height:500px" id="iframePosition">

                </iframe>
            </div>
    </div>

记录时间：2021年1月15号