JSON Obtenir des données à l'aide de post-méthode

Quelques changements que je suggère:

• Donnez le formulaire un identifiant, dans ce cas Connexion code> semble être un identifiant approprié li>
• Standardisez votre capitalisation pour les champs de formulaire LI> ul>

  Voici un code pour vous aider à démarrer. Vous remarquerez que je crée votre data ​​code> deux fois. Décidez si vous souhaitez créer vos données à la main ou utiliser la sérialisation de JQuery pour le faire pour vous. Comme il s'agit d'une forme simple, celle-ci est probablement bien. P>

  Je reçois aussi le point final Ajax à partir du formulaire de sorte que vous ne vous répétez pas là-bas. P>

  // when the document has loaded...
  $(document).ready(function () {
      // if the user is already logging in
      var login = false;
  
      // when the form is submitted...
      $('#login').on('submit', function (event) {
          // block the form if it's already been submitted
          if (login) {
              event.stopPropagation();
              event.preventDefault();
              return;
          }
  
          // lock the form
          login = true;
  
          // get a handle on the form
          // I use $ as a prefix to differentiate jQuery objects
          // currentTarget is the subject of the event
          var $form = $(event.currentTarget);
  
          var url = $form.prop('action');
  
          /*
           * MANUAL
           */
          // form fields are added to the form object as properties by name attribute
          // note that they are not jQuery objects
          var data = {
              userId: $form.userId.value,
              passKey: $form.passKey.value
          };
  
          /*
           * AUTOMATIC
           */
          // uses jQuery's form serialization to automatically create an object mapping names to values
          var data = $form.serialize();
  
          $.post(url, data)
              // on success
              .done(function (data, status, request) {
                  $.each(data.video, function (i, f) {
                      var link = "https://www.youtube.com/embed/"+ f.video;
  
                      // backslash at the end of a string means to continue the string on the next line
                      var $row = $('<tr>\
                          <td>' + f.videoName + '</td>\
                          <td>' + f.date + '</td>\
                          <td>' + f.time + '</td>\
                          <td>' + f.liveStatus + '</td>\
                          <td><a target="_blank" href="' + link + '">' + link + '</a></td>\
                      </tr>');
  
                      $row.appendTo('#userdata tbody');
              })
              // on failure
              .fail(function (request, status, error) {
                  window.alert('Failed with a status of ' + status + ': ' + error);
              })
              // executes after either of the above
              // parameters are inconsistent and use either done's or fail's
              .always(function () {
                  // do cleanup, i.e. unlock form submission, close modal dialogs, etc.
                  login = false
              });
  
          // stop default form submission
          event.stopPropagation();
          event.preventDefault();
      });
  });