Ajax的初体验

时间 2019-11-19

标签 ajax 体验栏目 Ajax 繁體版

原文原文链接

1、AJAX的介绍javascript

Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种建立交互式网页应用的网页开发技术。html

Ajax = 异步 JavaScript 和 XML（标准通用标记语言的子集）。前端

Ajax 是一种用于建立快速动态网页的技术。java

Ajax 是一种在无需从新加载整个网页的状况下，可以更新部分网页的技术。node

什么是AJAX？
它一门技术（多门技术结合),它能够‘悄悄’向服务器传递数据，服务器也能够‘悄悄’向客户端响应数据，最终实现得是整个页面没有从新加载，而实现页面当中局部刷新数据；jquery

2、Asynchronous(异步)与synchronous （同步）ajax

耗时间相对长一些的语句咱们称之为‘异步语句’；Ajax、setInterval、setTimeou、Animate、node.js全都是异步语句服务器

<script type="text/javascript">
 for(i in window){
     console.log(i);  
 }
 console.log('欢夏'); //同步先执行for循环输出，再输出欢夏 **************************************************************** var j=0; setInterval(function(){ j++; console.log(j); },1000); console.log('欢夏'); //异步先执行欢夏，再输出定时1s后依次累加输出数据。。。 </script>

3、JQ当中ajax的应用前端工程师

前端工程师下载经常使用的JS文件的地址：http://cdn.code.baidu.com/ 百度静态资源库异步

1.引用jquery.js

2.ajax在页面的应用：提示：①$.get(地址,callback); (get,post请求都是上行请求)

案例：好比，在页面当中有一个按钮，点击这个按钮获取到服务器上面的文本的数据；改变页面的局部数据。

<script type="text/javascript">
         $("button:eq(0)").click(function (argument) { //发起一个GET请求 $.get("result/info.txt",function (data) { $("p").eq(0).html(data); }) }) //用定时器证实整个页面没有从新加载 var i = 0; setInterval(function(argument) { i++; $("h1").html(i) },100); </script>