首页我写了一个html页面，里面有form表单，我使用了get方法将表单的数据提交到了一个新的display.html页面中，这里我用了一个表格，我想将get方法传递的数据在表格中显示我应该怎么做呢？比如我传递的数据是属性名为name，属性值是grade。

我写了一个html页面，里面有form表单，我使用了get方法将表单的数据提交到了一个新的display.html页面中，这里我用了一个表格，我想将get方法传递的数据在表格中显示我应该怎么做呢？比如我传递的数据是属性名为name，属性值是grade。

时间: 2024-02-24 17:59:18 浏览: 121

您可以在display.html页面中使用JavaScript来获取URL参数，然后将参数填充到表格中。以下是一个简单的示例代码： ```html <!DOCTYPE html> <html> <head> <title>Display Form Data</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> table, th, td { border: 1px solid black; border-collapse: collapse; padding: 5px; } </style> </head> <body> <h2>Form Data</h2> <table> <tr> <th>Name</th> <th>Grade</th> </tr> <script> // Get URL parameters const urlParams = new URLSearchParams(window.location.search); const name = urlParams.get('name'); const grade = urlParams.get('grade'); // Fill table with parameters const table = document.querySelector('table'); const row = table.insertRow(); const nameCell = row.insertCell(); const gradeCell = row.insertCell(); nameCell.innerText = name; gradeCell.innerText = grade; </script> </table> </body> </html> ``` 在这个示例中，我们首先使用`URLSearchParams`对象获取URL参数，然后使用JavaScript将参数填充到表格中。在这个示例中，我们使用了一个最简单的表格，您可以根据自己的需要修改表格的样式和结构。

阅读全文