2018-09-25 axios

vue ajax 前端页面和后台数据进行交互 json
vue 库
下载：
npm install axios

访问页面：
网址：127.0.0.1:8080

安装http-server:
npm install http-server -g

1.写入方式

axios({
            method:'get',//发送数据方式
            url:'请求数据路径'
        }).then(function(参数){
            //请求成功
        }).catch(function(参数){
            //请求失败
        })

//status：200 
//为响应状态码 响应成功值为200

2.简单的表单例子

需要在git中输入安装口令：（$ npm install -g http-server）

然后配置服务器，口令：（$ http-server）

命名中不能出现中文，否则容易出现未知错误呀！

       首页
       详情页
       

   

    
    
    

    

后台写入的数据，本例在fruit.json中写入，需要注意写几行留几行，不要留出空白，
避免未知错误的出现

[
    {
        "num":1,
        "pname":"apple",
        "price":3,
        "count":4,
        "sub":12
    },
    {
        "num":2,
        "pname":"pear",
        "price":4,
        "count":5,
        "sub":20
    },
    {
        "num":3,
        "pname":"orange",
        "price":5,
        "count":6,
        "sub":30
    }
]

请求成功示例图如下：

1.png