varに値がある場合、どのように文字列を連結するのですか？

Question

入力が値を持っている場合に基づいてWebアドレスを連結しようとしています。たとえば、4つの変数から2つの値を取得したいとします。 awayValまたはhomeValと、awayIdまたはhomeIdのいずれかです。入力に値がある場合は、その値を他の入力IDと一緒に取得します。

私はこのようなものにそれを連結する：これを行うには良い方法だろう何

https://--------.islandshore.net/dbdata/bet/new/1/ "+ gameId +"/"+ ID +"/"+値

？それは少し混乱した場合は申し訳ありませんが、あなたは私が何をしようとしている理解していないなら、私は明確にさせてください。

$('.wrapper').append('\ 
<div id="' + gameId + '" class="main-wrapper col-lg-6 col-md-6 col-sm-12">\ 
    <div class="game-cards">\ 
     <div class="chart-container">\ 
      <canvas id="' + homeTeam + '" width="500" height="500"></canvas>\ 
     </div>\ 
     <div class="right-info">\ 
      <h4>' + awayTeam + '<br>' + " @ " + '<br>' + homeTeam + '</h4>\ 
      <h5 id="time-channel">' + gameDate + ' @ ' + gameTime + '<br>' + ' On ' + network + '</h5>\ 
      <div class="total-points-live">\ 
       <h5>Total Points Bet</h5>\ 
       <h5 id="point-total">' + pointTotal + '</h5>\ 
       <p>' + awayTeam + '</p>\ 
       <input class="bet-input-away" data-away-id="' + awayId + '" data-team-type="' + awayTeam + '" type="number" pattern="[0-9]*" name="betAmountAway" placeholder="Wager Amount">\ 
       <p>' + homeTeam + '</p>\ 
       <input class="bet-input-home" data-home-id="' + homeId + '" data-team-type="' + homeTeam + '" type="number" pattern="[0-9]*" name="betAmountHome" placeholder="Wager Amount">\ 
       <p class="bet-button" gameid="' + gameId + '">Click To Place Bet</p>\ 
      </div>\ 
     </div>\ 
    </div>\ '); 

$('.wrapper').on('click', '.bet-button', function() { 
      var self = $(this); 
      var gameId = self.attr('gameid'); 
      var awayVal = $('#' + gameId + ' input[name=betAmountAway]').val(); 
      var homeVal = $('#' + gameId + ' input[name=betAmountHome]').val(); 
      var awayId = $('#' + gameId + ' .bet-input-away').data('away-id'); 
      var homeId = $('#' + gameId + ' .bet-input-home').data('home-id'); // This is what sends the bet to the server. $.ajax({ url: "https://-------.islandshore.net/dbdata/bet/new/1/" + gameId + "/" + awayId + "/" + homeVal || awayVal + "", type: "get", success: function(response) { $('#' + gameId + ' input[name=betAmountHome]').val(''); //This resets the value box $('#' + gameId + ' input[name=betAmountAway]').val(''); //This resets the value box console.log("https://--------.islandshore.net/dbdata/bet/new/1/" + gameId + "/" + awayId + "/" + homeVal || awayVal + "") }, error: function(xhr) { console.log('xhr') } }); console.log(awayId); console.log(homeId); console.log(gameId); console.log(homeVal); console.log(awayVal); }); }); 

Answer 1

を使用しないようにtemplate stringsを使用することができますが、あなたがこれを行うことができます可能です。

var id, value; 

// If the awayVal is set, assign away info to id and value variables 
if (awayVal) { 
    id = awayId; 
    value = awayVal; 
} 
// If the homeVal is set, assign home info to id and value variables 
if (homeVal) { 
    id = homeId; 
    value = homeVal; 
} 

// If there is the possibility that none of the values (awayVal or homeVal) is set and the user can execute you need to check if they are valid 
if (!value) { 
    // handle error 
} 

// Build your url with id and value variable 
var url = `http://yoururl.com/${gameId}/${id}/${value}`; 

また、あなたは、少なくともかどうかを検証/確認したいかもしれません値の1つがajax呼び出しを送信する前に設定されています

Answer 2

あなたが試みることができる

var id = awayId || homeId; 
var value = awayVal || homeVal; 

var url = `https://--------.islandshore.net/dbdata/bet/new/1/${gameid}/${id}/${value}` 

プラスあなたは一つの値だけを述べたように、あなたがすべてのそれらの+