php - 通过 jquery post 传递表单数据

Question

我有一个表单，我需要做的是通过 jquery .post 将此表单数据传递到另一个页面，您将在下面找到 javascript

    <script type="text/javascript">
$("form").submit(function(){
    $(".application_container").append('<div class="preloading" style="padding-top:250px;"><img src="<?php echo base_url() . "assets/images/loading.gif";?>" alt="تحميل" /></div>').show();
    var str = $("form").serialize();
    var url = "<?php echo base_url() . "hawaa/confirm_applicant.html"; ?>";
    $.post(url, function(str){
        $(".application_container").append(str).show();
        $(".preloading").remove();
    });
    return false;
});
   </script> 

它请求另一个页面但没有向它发送表单提交数据的错误，因此它显示验证错误

Answer 1

您使用$.post()不正确。您需要将数据str作为数据参数传递，如下所示：

$.post(url, str, function(data, status, jqXHR) {
    // do stuff with response data here
});

Answer 2

您必须将str变量作为第二个参数传递给$.post调用。该文件指出：

• 第一个参数是要发布数据的 URL
• 第二个参数是你要发布的数据
• 第三个参数是请求 URL 的结果（HTML 或 XML，取决于返回的内容）。

所以正确的做法是：

<script type="text/javascript">
  $("form").submit(function(){
    $(".application_container").append('<div class="preloading" style="padding-top:250px;"><img src="<?php echo base_url() . "assets/images/loading.gif";?>" alt="تحميل" /></div>').show();
    var str = $("form").serialize();
    var url = "<?php echo base_url() . "hawaa/confirm_applicant.html"; ?>";
    $.post(url, str, function(result){
      $(".application_container").append(result).show();
      $(".preloading").remove();
    });
    return false;
  });
</script>