[Day29] 第二十九 - 补充技能交换前端以及与Express沟通api

前言

今天比较赶

我先贴code有空在补充搂

目标

1. 练习blade layout
2. 界街前後端 trade API(我们要变出一个交易的api服务)
3. 从laravel界接

实作

@extends('layout')


@section('content')
<div>
  <table class="table table-bordered">
    <thead>
      <tr>
        <th>技能ID</th>
        <th>自身ID</th>
        <th>对方使用者ID</th>
        <th>自己选择的技能ID</th>
        <th>交换!!!</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>{{$skill_id}}</td>
        <td>{{$user_id}}</td>
        <td>{{$target_user_id}}</td>
        <td>
          <select name="" id="mySelect">
            @foreach ($myskills as $ss)
            <option value="{{ $ss['id'] }}">{{ $ss['title'] }}</option>
            </p>
            @endforeach
          </select>
        </td>
        <td><button onclick="check('{{$skill_id}}','{{$user_id}}','{{$target_user_id}}')">交换</button></td>
      </tr>
    </tbody>
  </table>
</div>
{{$myskills}}
<script>
  function check(skill_id, user_id, target_user_id) {
    var my_skill_id = $('#mySelect').val();

    var data = {
      my_skill_id,
      skill_id,
      user_id,
      target_user_id
    }
    $.ajax({
        method: "POST",
        url: "/trades",
        dataType: 'json',
        data
      })
      .done(function(msg) {
        console.log(msg)
      });
  }
</script>
@endsection