js面试--ajax

1、ajax 的基本概念

了解这个概念，同步交互与异步交互
同步交互：客户端浏览器给服务器发送一个请求，服务器返回一个页面，返回的页面会吧之前的界面给覆盖，我们把这种交互称为同步交互.
异步交互：
异步交互就是客户端浏览器给服务器发送一个请求，服务器返回数据，返回的数据不会吧之前的界面覆盖，我们把这种交互称为异步交互。
Ajax 主要的应用场景，页面不刷新，就可以与服务端进行动态的数据交互。

2、交互的原理
我们在浏览器怎么给服务器发送请求，点击超链接，提交表单，浏览器地址输入地址，都是给服务器发送请求。实际上都是浏览器帮我去发送请求.

3、ajax 跨域
这个跨域. 我们要知道什么是跨域，跨域之后我们怎么去做处理
跨域:假设我访问a 站点，在a站点得到一个页面，在a 站点的这个页面想去访问b 站点的资源，这个是就会产生一个跨域的效果，跨域浏览器是有安全限制的

jsonp （xmlhttpRequest去创建一个script标签），然后通过script去发送请求，服务器返回了数据，返回的数据浏览器会直接以javascript的方式去解析服务端返回的数据

$('.btn').on('click',function(){
     var phone=$('#phone').value()
        $.ajax({
             type:'get',
             url:"https://api.jisuapi.com/shouji/query",
             data:"appkey=7ca5f245245f2b88&shouji="+phone,
             dataType:"jsonp",//开启跨域
             success:function(result){
                 console.log(result)
             }     
        })
 })

4、ajax用在哪些地方

360 的案例
输入关键字，输入关键字，触发一个事件，执行一个方法，调用JavaScript的这个api 。
通过XMLHttpRequest 给服务器发送请求，通过XMLHttpRequest 接收数据.
然后接收到数据之后，通过dom 把这个数据写到页面上面，通过这样的过程来完成异步交互的操作.

Ajax，检测用户名是否存在，失去焦点发送请求

Ajax 也可以用来做性能优化，比如我一个页面非常庞大，这个页面不可能一次加载完毕.
实现一个滚动加载

猜你喜欢