day56：Ajax的使用、Bootstrap、fontawesome的导入使用

## ajax请求

```python
ajax:前端浏览器向服务端请求数据的方式。可以指定请求方法：GET,POST.
     ajax请求不需刷新当前页面、跳转页面，success：请求完成后调用的回调函数，数据返回到函数中。
form表单发送请求数据：会刷新页面，无接受。服务端返回数据时，可以指定url返回，然后前端刷新到服务端指定的url。

 $.ajax({
                // 请求的后台地址：接口
                url: 'http://localhost:6601/get_data',
                // 请求的方式 get post
                type: 'post',
                // 要提交给后台的数据
                data: {
                    username: usr,  // 后台取数据的key: 前台要发送的数据
                    password: pwd
                },
                // 后台成功的响应
                success: function (response) {
                    console.log(response);
                    alert(response)
                },
                // 后台错误的响应
                error: function (error) {
                    console.log(error)
                  }
            })
        }
    })

```

## Bootstrap的使用：

```python
需要提前导入核心文件：(本地或者CDN)
!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

注意！！！
    导入Bootstrap核心文件之前要先导入JQ，Bootstrap 的所有 JavaScript 插件都依赖 jQuery！！！
    另外注意：css样式在文件头导入，JQ和JS在文件尾插入。

```

FontAwesome的使用 （矢量图标）

```python
下载源文件到本地，放到static文件夹中，然后在html文件style标签中导入该文件路径：
    <link rel="stylesheet" href="/static/font-awesome/css/font-awesome.min.css">
    
fontawesome地址：http://www.fontawesome.com.cn/


```

标签：文件,请求,Bootstrap,Ajax,ajax,导入,fontawesome,后台
来源： https://www.cnblogs.com/huhongpeng/p/11209324.html