c ajax 接口,ajax+接口文档

1. 初始化接口

接口功能

前端把cars数据传给后端

URL

/init

HTTP请求方式

POST

请求参数

参数

必选

类型

说明

cars

true

array

所有cars组成的数组

cars举例:

[

{

"id": 1,

"category": "sedan",

"availability": true,

"brand": "Toyota",

"model": "Camry",

"model_year": "2013",

"mileage": "85364",

"fuel_type": "Petrol",

"seats": "5",

"price_per_day": 240,

"description": "The Toyota Camry is an automobile...",

"img": "images/Camry.jpg"

},

{

"id": 2,

"category": "sedan",

"availability": true,

"brand": "Nissan",

"model": "320i",

"model_year": "2015",

"mileage": "36782",

"fuel_type": "Petrol",

"seats": "7",

"price_per_day": 360,

"description": "The Nissan 320i is a compact cross...",

"img": "images/320i.jpg"

}

// ......

]

返回字段

2. 检查car的availability

接口功能

在添加购物车之前检查car是否可用

URL

/checkAvailability

HTTP请求方式

GET

请求参数

参数

必选

类型

说明

id

true

number

car的唯一id

返回字段

返回字段

字段类型

说明

availability

boolean

true:可用,false:不可用

3. 将某car添加到购物车

接口功能

点击“添加购物车”按钮,可以点击多次添加多个(若购物车里该car数量为0,则设置为1;若car数量>0,则+1)

URL

/addCar

HTTP请求方式

POST

请求参数

参数

必选

类型

说明

id

true

number

car的id

返回字段

4. 获取购物车中的所有car列表

接口功能

点击“查看购物车”时调用

URL

/getCartList

HTTP请求方式

GET

请求参数

返回字段

返回字段

字段类型

说明

cartCars

array

所有加入购物车的的cars组成的数组

cartCars举例:

[

{

"id": 1,

"img": "images/Camry.jpg",

"brand": "Toyota",

"model": "Camry",

"model_year": "2013",

"price_per_day": 240,

"rentalDays": 2

},

{

"id": 2,

"img": "images/320i.jpg",

"brand": "Nissan",

"model": "320i",

"model_year": "2015",

"price_per_day": 360,

"rentalDays": 10

},

// ......

]

5. 将某car从购物车删除

URL

/deleteCar

HTTP请求方式

POST

请求参数

参数

必选

类型

说明

id

true

number

car的id

返回字段

6. 批量修改购物车中所有car的天数

接口功能

在购物车页点击”Proceeding to Checkout“按钮

URL

/changeCarsDays

HTTP请求方式

POST

请求参数

参数

必选

类型

说明

cartCars

true

array

cartCar数组中的每一项都是{id: id, days: days}键值对

id

true

number

car的id

days

true

number

该car租的天数(前端会传>0的数)

cartCars举例:

[{

id: 1,

days: '2'

}, {

id: 2,

days: '10'

}]

返回字段

7. 获取购物车总价格

接口功能

在Check Out页面底部显示用户要付的总价格

URL

/getCartTotalPrice

HTTP请求方式

GET

请求参数

返回字段

返回字段

字段类型

说明

totalPrice

number

购物车内所有 car单价*数量 相加

8. 下单

接口功能

在Checkout页填写表单内容并传给后端,同时后端将购物车表内容放入订单表,并清空购物车

URL

/checkOutOrder

HTTP请求方式

POST

请求参数

参数

必选

类型

说明

firstName

true

string

First Name

lastName

true

string

Last Name

email

true

string

Email address

address1

true

string

Address Line 1

address2

true

string

Address Line 2

city

true

string

City

state

true

string

State

postCode

true

string

Post Code

paymentType

true

string

Payment Type(例:VISA)

返回字段

9. 获取订单结果

接口功能

在Checkout页下单成功后,跳转的结果页显示用户的姓名、email、订单总额、订单列表

URL

/getResult

HTTP请求方式

GET

请求参数

返回字段

返回字段

字段类型

说明

firstName

string

First Name

lastName

string

Last Name

email

string

Email address

totalPrice

number

订单总金额

orderedCars

array

所有下单的cars组成的数组

orderedCars举例:

和之前的cars比,去掉了id, availability, img,增加了rentalDays

[

{

"category": "sedan",

"brand": "Toyota",

"model": "Camry",

"model_year": "2013",

"mileage": "85364",

"fuel_type": "Petrol",

"seats": "5",

"price_per_day": 240,

"description": "The Toyota Camry is an automobile...",

"rentalDays": 2

},

{

"category": "sedan",

"brand": "Nissan",

"model": "320i",

"model_year": "2015",

"mileage": "36782",

"fuel_type": "Petrol",

"seats": 7,

"price_per_day": 360,

"description": "The Nissan 320i is a compact cross...",

"rentalDays": 10

},

// ......

]

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值