Question

我有一个HTML表单

<html>
<head></head>
<form>
     <input type="text" name="question[]" />
     <input type="text" name="question[]" />
     <input type="file" name="image" />
     <input type="submit" name="save" /> 
</form>
</html>

现在要使用Ajax提交表单我有ajax代码，但无法正常工作。它只有一个值。

$("#submit").click(function() { 
    var que_id  = $("input[type='text'][name='question[]']").val();
    $.ajax({
       type: "POST", 
       url:  "action.php",
       data: {"que_id": que_id},
       success: function(result) {
       $("#question_wrap").html(result);
    }
  });
});

我该怎么做？

Answer 1

使用Ajax将表单数据发送到php文件

将enctype添加到表单中

<form id="questionForm" action="" method="post" enctype="multipart/form-data">
    <input type="text" name="question[]" />
    <input type="text" name="question[]" />
    <input type="file" name="image" />
    <input type="submit" name="save" />
</form>

使用序列化将表单数据传递到php文件

$.ajax({
 url: 'action.php',
 data: $("#questionForm").serialize(),
 method: "post",
 success: function (result) {
         $("#question_wrap").html(result);
       }
});

使用字段名称访问PHP文件中的表单值

<?php 
   foreach($_POST['question'] as $key => $value){
         // your logic
   }
  $filedata= $_FILES['image'];
?>

如何使用ajax提交具有多个具有相同名称属性的字段的表单？

1 个答案: