【五子棋实战】第6章 调用接口进行联调

<script src="jquery-3.5.0.min.js"></script>
<script>
$.ajax({
  url: 'http://localhost:5000/api/next_step',
  type: 'POST',
  data: { 'board':board.value.toString(), 'depth': 3, 'ratio':1, 'length': 15},
  dataType: 'json',
  success: function(response) {
    console.log(response);
  },
  error: function(error) {
    console.log(error);
  }
});
</script>

$.ajax({
  url: 'http://localhost:5000/api/next_step',
  type: 'POST',
  data: { 'board':board.value.toString(), 'depth': 3, 'ratio':1, 'length': 15},
  dataType: 'json',
  success: function(response) {
    console.log(response);
    if(response.code === 200){
      if(response.data.flag === true){
        alert(response.data.player + "win !!");
        return;
      }
      var data = response.data;
      var i = data.x;
      var j = data.y;
      if(currentPlayer == 1){
        var c = new Chess(i,j,black_flag);
        board.value[i][j]=black_flag;
      }else{
        var c = new Chess(i,j,white_flag);
        board.value[i][j]=white_flag;
      }
      board.chessList.push(c);
      draw.drawChessAll(board.chessList);
      currentPlayer = (currentPlayer === 1) ? 2 : 1;
    }else{
      alert(response.msg);
    }
    $("span").css("display","none");
  },
  error: function(error) {
    console.log(error);
  }
});