Question

Helo ....我需要提交一份表格。在同一个提交按钮的同时我需要将相关的php文件加载到目标div。这是我尝试过的一个虚拟问题。

<form id='A' method="POST" action="CreateTheForm.php">
<input id="B" name="R"></input>
<input id="C" name="SubmitBtn" type="submit" value="loading the vaue"></input>
</form>

$(document).ready(function(){
  $("#C").click(function() {
    $("#Loading_Page").load('CreateTheForm.php');
      return false;
  });
});

但是我可以将CreateTheForm.php文件加载到Loading_Page div，但是数据没有发布，我无法从CreateTheForm.php文件中访问它们。

我需要做的是首先我应该将数据发布到php文件并使用相同的点击将其加载到相关的div。我怎样才能做到这一点。

没有加载功能，这很有效。

Answer 1

您没有发布数据。要发布数据，您需要使用它。

$("#Loading_Page").load('CreateTheForm.php', {'R': $('#B').val()});

而不是

$("#Loading_Page").load('CreateTheForm.php');

Answer 2

你可以用这个

$( "#C" ).click(function() {
   $("#Loading_Page").load('CreateTheForm.php');
   $("#a").submit();
   return false;    
});

Answer 3

只需提出$.post请求并将内容抓取为：

$(document).ready(function(){
$( "#C" ).click(function() {
   $.post( "CreateTheForm.php", { R: $('#B').val() }, function(data){
       $('#Loading_Page').html(data);
   });
   return false;

});
});

Answer 4

试试：

$("#C").click(function () {

    $("#Loading_Page").load('CreateTheForm.php');
    $(this).closest('form')[0].submit();
    return false;

});

在提交数据时，使用相同的提交按钮将PHP文件加载到div

4 个答案: