sampleresult.html

<html>
<head>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

</head>
<body>
<div class="container">
  <h1>Spreedly Express success</h1>
  <p>  Spreedly Express successfully added a payment token to the master form.  Through the use of data-params the values (address1, city, state, and zip) from the sample form were added to the Spreedly payment method token.  The payment token was then added to the sample form. </p>
  <p> The sample form was submitted successfully!!! </p>

  <h3>Parameters Submitted From Sample Form</h3>
  <ul id="parameters">
  </ul>
  <br/>
  <a href="/sample.html">Back to example - sample.html</a>
  <br/><br/><br/>

  <a href="/index.html">View basic sample - index.html</a>
</div>

  <script>
  function getParameterByName(name) {
      name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
      var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
          results = regex.exec(location.search);
      return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
  }
  var params = ['full_name', 'address1', 'city', 'state', 'zip', 'payment_method_token']
  var ul = document.getElementById('parameters');
  for(var i = 0; i < params.length; i++) {
    li = document.createElement('li');
    var param = params[i];
    li.innerHTML = param + ': ' + getParameterByName(param);
    ul.appendChild(li);
  }
  </script>
</body>
</html>