Hướng dẫn how can we send data through submit button in html? - làm cách nào chúng tôi có thể gửi dữ liệu thông qua nút gửi trong html?

Tôi muốn một nút loại gửi để gửi yêu cầu bài đăng.

Tôi đang nghĩ về một cái gì đó như thế này:

trong đó chuỗi "upvote" sẽ được gửi dưới dạng tên trong yêu cầu bài đăng.

Tôi biết điều này không hoạt động và tôi biết có nhiều cách sử dụng Ajax (JavaScript) nhưng tôi khá mới đối với khu vực này. Tôi chỉ tự hỏi nếu điều này là có thể nói chung.

Cập nhật

Ai đó đề xuất sử dụng thẻ và tôi đã thử nó. Vấn đề là nó tạo ra một get chứ không phải là một bài viết.

Hướng dẫn how can we send data through submit button in html? - làm cách nào chúng tôi có thể gửi dữ liệu thông qua nút gửi trong html?

Hỏi ngày 16 tháng 4 năm 2013 lúc 11:38Apr 16, 2013 at 11:38

7

Bạn cần đặt cho nút một tên và một giá trị.

Không có điều khiển nào có thể được gửi mà không có tên và nội dung của phần tử nút là nhãn, không phải giá trị.


    

Homulvas

4955 Huy hiệu bạc16 Huy hiệu đồng5 silver badges16 bronze badges

Đã trả lời ngày 16 tháng 4 năm 2013 lúc 11:56Apr 16, 2013 at 11:56

QuentinentinQuentin

882K121 Huy hiệu vàng1180 Huy hiệu bạc1294 Huy hiệu đồng121 gold badges1180 silver badges1294 bronze badges

2

Điều này có thể được thực hiện với một phần tử đầu vào của một loại "gửi". Điều này sẽ xuất hiện dưới dạng nút cho người dùng và nhấp vào nút sẽ gửi biểu mẫu.

Đã trả lời ngày 16 tháng 4 năm 2013 lúc 11:43Apr 16, 2013 at 11:43

Hướng dẫn how can we send data through submit button in html? - làm cách nào chúng tôi có thể gửi dữ liệu thông qua nút gửi trong html?

Filip Minxfilip MinxFilip Minx

2.3701 Huy hiệu vàng16 Huy hiệu bạc31 Huy hiệu đồng1 gold badge16 silver badges31 bronze badges

0

Bạn có thể làm điều đó với một chút trợ giúp của JS. Trong ví dụ dưới đây, yêu cầu POST đang được gửi trên nút Nhấp vào bằng phương pháp tìm nạp:

const button = document.getElementById('post-btn');

button.addEventListener('click', async _ => {
  try {     
    const response = await fetch('yourUrl', {
      method: 'post',
      body: {
        // Your body
      }
    });
    console.log('Completed!', response);
  } catch(err) {
    console.error(`Error: ${err}`);
  }
});

Đã trả lời ngày 7 tháng 1 năm 2019 lúc 12:16Jan 7, 2019 at 12:16

Hướng dẫn how can we send data through submit button in html? - làm cách nào chúng tôi có thể gửi dữ liệu thông qua nút gửi trong html?

2

Đơn giản là làm:

Hoặc trong trường hợp vì lý do thẩm mỹ, bạn muốn nút bên ngoài biểu mẫu, hãy làm:


Tôi thường sử dụng điều này khi biểu mẫu của tôi quá dài và tôi muốn một nút gửi ở đầu và cả ở cuối trang.

Đã trả lời ngày 26 tháng 8 năm 2021 lúc 9:58Aug 26, 2021 at 9:58

ChrishowchrishowChrishow

3631 Huy hiệu vàng5 Huy hiệu bạc12 Huy hiệu đồng1 gold badge5 silver badges12 bronze badges

1

Bạn có thể:

  • Hoặc, sử dụng , thay vì nút đó.
  • Hoặc, sử dụng một chút JavaScript, để có được một đối tượng biểu mẫu (sử dụng tên hoặc ID) và gọi submit(..) trên đó. Ví dụ:
    0. Đính kèm mã này vào sự kiện nhấp vào nút. Điều này sẽ tuần tự hóa các tham số biểu mẫu và thực hiện yêu cầu GET hoặc POST theo quy định trong thuộc tính phương thức của biểu mẫu.

Đã trả lời ngày 16 tháng 4 năm 2013 lúc 11:43Apr 16, 2013 at 11:43

Hướng dẫn how can we send data through submit button in html? - làm cách nào chúng tôi có thể gửi dữ liệu thông qua nút gửi trong html?

Filip Minxfilip MinxUltraInstinct

2.3701 Huy hiệu vàng16 Huy hiệu bạc31 Huy hiệu đồng12 gold badges78 silver badges102 bronze badges

5

Làm thế nào dữ liệu hiển thị sau khi nhấp vào nút Gửi trong HTML?

Bạn có thể hiển thị Datagrid trong khi nhấp vào nút Gửi của biểu mẫu.Điều này có thể đạt được bằng cách hiển thị DataGrid bên trong biểu mẫu Sự kiện Sub Sured và ngăn chặn hành động gửi mặc định bằng cách sử dụng phương thức PRECTERDEFAULT.displaying the DataGrid inside the form “submit” event and prevent the default submit action by using the “preventDefault” method.

Làm thế nào để bạn đưa dữ liệu vào một nút?

Thuộc tính dữ liệu-* trên thẻ đính kèm dữ liệu bổ sung vào nút.Để tạo một thuộc tính tùy chỉnh, thay thế * bằng chuỗi chữ thường, chẳng hạn như dữ liệu-ID, trạng thái dữ liệu hoặc vị trí dữ liệu.. To create a custom attribute, replace * with a lowercase string, such as data-id , data-status , or data-location .

Khi chúng tôi nhấp vào Gửi dữ liệu nút được gửi?

Biểu mẫu sẽ được gửi đến máy chủ và trình duyệt sẽ chuyển hướng đến địa chỉ hiện tại của trình duyệt và nối thêm các tham số chuỗi truy vấn Các giá trị của các trường đầu vào.the server and the browser will redirect away to the current address of the browser and append as query string parameters the values of the input fields.

Phương thức gửi () được sử dụng cho cái gì?

Phương thức Sublem () trong HTML DOM được sử dụng để gửi dữ liệu biểu mẫu đến máy chủ web.to send the form data to the web-server.