ajax json 面试题

在前端面试中，AJAX和JSON是两个非常重要的面试题。下面分别介绍这两个面试题的相关知识点。

AJAX面试题

AJAX（Asynchronous JavaScript and XML） 是一种在不重新加载整个页面的情况下，通过与服务器进行少量数据交换，就实现了异步更新的页面技术。以下是AJAX的常见面试题：

1. AJAX请求的过程

    var xhr = new XMLHttpRequest();
    xhr.open('GET','http://example.com',true);
    xhr.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
        console.log(this.responseText);
      }
    };
    xhr.send();

2. AJAX与同步请求的区别

    // AJAX异步请求
    var xhr = new XMLHttpRequest();
    xhr.open('GET',true);
    xhr.send();
    // 同步请求
    var xhr = new XMLHttpRequest();
    xhr.open('GET',false);
    xhr.send();
    console.log(xhr.responseText);

3. AJAX请求中常见的状态码有哪些

    1xx: 信息类响应
    2xx: 成功响应
    3xx: 重定向
    4xx: 客户端错误
    5xx: 服务器错误

JSON面试题

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。以下是JSON的常见面试题：

1. JSON的组成

    {
      "name": "Tom","age": 20,"email": "[email protected]"
    }

2. JSON与JavaScript对象的区别

    // JavaScript对象
    var obj = {
      name: 'Tom',age: 20
    };
    // 转化为JSON字符串
    var jsonStr = JSON.stringify(obj);
    console.log(typeof jsonStr); // string
    // JSON字符串转化为JavaScript对象
    var jsonObj = JSON.parse(jsonStr);
    console.log(typeof jsonObj); //object

3. JSONP的原理与使用方法

    // 原理：通过 
 Powered By Z-BlogPHP Theme By 前端老白