如何动态更改div内容

我正在寻找“在php中更改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和div id，创建唯一的ID，然后修改ajax代码以接受这些动态创建的id。但是，我缺乏Ajax知识，而且我不知道如何使Ajax函数适用于每种形式。

（在php FOR / WHILE周期中，我可以生成4个Ajax代码块（在此示例中），但是，例如，如果我将100种形式应用于这些函数，这似乎就不是很有效。该周期实际上会创建100个唯一的id ajax每个表单/ div的脚本）