AJAX入门


优点:

1在不刷新的情况下,与服务端进行通信; **突出优势**

2允许根据用户事件来更新部分页面

缺点: 

1没有浏览历史不能回退;

2存在跨域问题(同源),即从a.com向b.com 发送请求是不可以的 

3.SEO不友好 (Search Engine Optimization)  搜索引擎优化 

请求报文和响应报文的格式: 行  头  空行  体

Access-Control-Allow-Origin 响应头指定了该响应的资源是否被允许与给定的origin共享。

 语法: 

Access-Control-Allow-Origin: *  //允许所有资源都可以访问的资源
Access-Control-Allow-Origin:   

如需允许特定域名 如(https://developer.mozilla.org)访问您的资源,您可以设置:

Access-Control-Allow-Origin: https://developer.mozilla.org


案例1: get()方法

在启动前:(已经安装了node.js,它包括了npm)
需要用npm安装express,安装好后并且执行node server.js(当然还是很可能不成功,建议去看尚XX的视频,细节太多了说不完)
html:

                   
       
   
  server.js:(文件名最好是这个,不然要去调代码,把server换成你想的) //1.引入express
const express = require('express');
//2. 创建应用对象 const app = express();
//3.创建路由规则 app.get('/server', (request, response) => {     //设置响应头  为了设置允许跨域     response.setHeader('Access-Control-Allow-Origin', '*');
    //设置响应体     response.send('hello GET '); });   //4.监听端口启动服务 app.listen(8000, () => {     console.log('服务已经启动, 8000 端口监听中....') })