JQuery是一个功能强大的JavaScript库,可以用来操作HTML文档和创建动态网页。 JQuery还可以轻松地将表单提交到后台。
为了提交表单,我们需要使用JQuery的.ajax()方法。该方法可用于发送HTTP请求、从后台获取数据或向后台提交表单数据。以下是提交表单数据的示例代码:
//获取表数据 var 表数据 = []; $('#myTable tbody tr').each(function(row, tr){ 表数据.push({ "column1": $(tr).find('td:eq(0)').text(), "column2": $(tr).find('td:eq(1)').text(), "column3": $(tr).find('td:eq(2)').text() }); }); // Ajax发送请求 $.ajax({ url: 'mybackend.php', 类型:'帖子', 内容类型:'应用程序/json', 数据类型:'json', 数据:JSON.stringify(tableData), 成功:函数(响应){ 警报(响应); }, 错误:函数(xhr){ 警报(“错误”+ xhr.responseText); } });
上面的代码首先获取表数据,然后在后台使用Ajax POST请求将数据发送到mybackend.php文件中。其中,contentType和dataType参数分别指定请求的媒体类型和响应的数据类型,这里设置为JSON格式。
在后端文件mybackend.php中,我们可以使用以下代码来获取表数据:
$json_data = file_get_contents('php://input'); $data = json_decode($json_data);foreach($data as $d){ // 使用$d->column1, $d->column2, $d->column3访问表数据 }
使用JQuery向后台提交表单数据可以实现方便快捷的数据交互,为我们的Web开发提供了极大的便利。