Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何动态更改div内容_Php_Ajax_Html_Dynamic_Replace - Fatal编程技术网

Php 如何动态更改div内容

Php 如何动态更改div内容,php,ajax,html,dynamic,replace,Php,Ajax,Html,Dynamic,Replace,我正在寻找php中的change div内容,但没有刷新页面,我发现并应用了以下内容: <script> $(document).ready(function(){ $('#wwage').submit(function() { $.ajax( { data: $(this).serialize(), type: $(this).attr('method'), url: $(this).attr('action'),

我正在寻找php中的change div内容,但没有刷新页面,我发现并应用了以下内容:

<script>
$(document).ready(function(){
$('#wwage').submit(function() 
{
    $.ajax(
    {
        data: $(this).serialize(),
        type: $(this).attr('method'),
        url: $(this).attr('action'),
        success: function(response) 
        { 
            $('#wwritemsg').html(response);
        }
    });
    return false;
});
});
</script>

<?php 
    $i=1;
while ( $i<5) 
{ ?>
       <form action="response.php" method="post" name="swages" id="wwage">
          <input name="wpw<?php echo $i; ?>" type="text" value="<?php echo $foo; ?>" />
       <input name="setfoo" type="submit" value="Submit" />
       <div id="wwritemsg">
          <?php  echo "Default pre-submit text.";?>
       </div>
       $i=$i+1;
    }
这段代码将创建4个表单,每个表单有1个输入框和一个提交按钮。而且replace-div-ajax脚本不适用于选择性div。它只会覆盖1

现在,逻辑结论是将i附加到表单id和divid中,创建唯一的id,并修改ajax代码以接受这些动态创建的id。然而,我缺乏ajax知识,我不知道如何使ajax功能适用于所有表单


在本例中,我可以使用php FOR/WHILE循环生成4个ajax代码块,但是如果我有100个表单来应用这些函数,那么效率似乎不是很高。该循环将为每个表单/div创建100个独特的id ajax脚本。诀窍是使用类选择器而不是id选择器:

 $('.wwage').submit(function() {
    alert(this.id);
    event.preventDefault();
 }
 ) ;

看看这把小提琴

关键是使用类而不是ID

HTML:
您会注意到,在while循环期间的HTML部分中,它为每个表单回显一个二级类,该表单是唯一的class=wwage wwage->如果出于某种原因您希望从另一个表单中选择一个表单,您可以通过$.wwage-4轻松地完成此操作,其中4将在循环中指示适当的$i值。

您不需要使用ID选择器,您可以使用类选择器。谢谢。我以前见过这种方法,但我不认为它可以动态应用。还有提琴的thanx。这是一个非常方便的工具。谢谢你们!它确实有效。我没有意识到,id/类的差异。一堆@user3282242感谢您接受我的回答。如果你也能投票支持我的答案,我将不胜感激!
<form action="response.php" method="post" name="swages" class="wwage wwage-<?php echo $i; ?>">
$('.wwage').submit(function()