Thêm input vào form bằng lệnh Javascript

Thêm input vào form bằng lệnh Javascript

Ứng dụng của việc thêm input vào form bằng lệnh là tách giá trị từ json ra, và submit giá trị từ form.

Từ 1 đoạn json ta lấy giá trị ra và đưa vào form và submit đi

Mục đích: giúp bảo mật code vì giá trị tạo ẩn bởi input hidden.


// Google's OAuth 2.0 endpoint for requesting an access token
  var url_submit= 'https://xxxx';

  // Tạo thẻ <form>
  var form = document.createElement('form');
  form.setAttribute('method', 'GET');
  form.setAttribute('action', url_submit);

  // Parameters to pass to OAuth 2.0 endpoint.
  var params = {'client_id': 'abc',
                'redirect_uri': 'https://iif.vn',
                'response_type': 'token',
                'scope': 'https://www.googleapis.com/auth/drive.metadata.readonly',
                'include_granted_scopes': 'true',
                'state': 'pass-through value'};


  // Add form parameters as hidden input values.
  for (var p in params) {

    var input = document.createElement('input');
    input.setAttribute('type', 'hidden');
    input.setAttribute('name', p);
    input.setAttribute('value', params[p]);
    form.appendChild(input);
  }
  document.body.appendChild(form);

*   form.submit(); đoạn gởi giá trị đi

Bài viết liên quan:

Thêm input vào form bằng lệnh Javascript