我使用以下方法进行ajax调用：

wp_enqueue_script( \'my-ajax-request\', TAF_PLUGIN_URL . \'js/ajaxcf.js\', array( \'jquery\' ) ); 
wp_localize_script( \'my-ajax-request\', \'MyAjax\', array( \'ajaxurl\' => admin_url( \'admin-ajax.php\' ), \'postid\' => get_the_ID(),  ) );\\

在我的javascript文件中，我有一个非常简单的代码片段：

jQuery(document).ready(function($) {
    jQuery(\'.submit\').click(function(){
        var str = $("#ajaxForms").serialize();
        var data = {
            action: \'myajax-submit\',
            serialize: str,
        };

        jQuery.post(MyAjax.ajaxurl, data,  function(response) {
            alert(response);
        });
        return false;   
    });
});

对于我的html，我有：

<form id="ajaxForms">
    <label for="fname">First Name:</label>
    <input id="postID" name="postID" value="First Name" type="text"  />
    <input id="submit_button" class="submit" value="Send" type="button" />
</form>

一切似乎都很顺利，但我想在同一页上处理多个表单，例如主页有五个帖子，每个帖子都有我的表单（上面的html代码）。

当显示多个表单时，我会遇到冲突，这是由于jquery造成的，例如click函数有一个类。提交或。serialize（）与其余的ID相同。

如何使用jQuery为每个表单提供唯一标识符，以避免冲突？

我希望我已经说清楚了。

亲切的问候

var str = $("#ajaxForms").serialize();

var str = $(this).parent().serialize();