javascript - 我们可以在多个 id 处调用单个 ajax 功能吗

Question

如何在多个 Id 处触发单个 ajax 函数，就像我想上传图像文件一样，我为此使用 ajax 调用，

    $(document).ready(function()
        {
            var uploaded_files_location = "<?=$http1?>img/photos_image";

                var ccal= document.getElementById("clickfinder").value;

                new AjaxUpload($('#vpb_upload_button'),
                           $('#vpb_upload_button1'),
                           $('#vpb_upload_button2'),
                           $('#vpb_upload_button3'),
                           $('#vpb_upload_button4'),
               {action: 'any.php',
                name: 'file_to_upload',
                onSubmit: function(file, file_extensions)
                { // code }
               });

我这样称呼它

    <pre>
       <div id="#vpb_upload_button" onclick="idseter('id');"></div>    
     </pre>     

任何人都可以帮助我如何执行此操作以及如何调用 onclick 函数，因为我想在此事件中调用一些 id seter。

Answer 1

实际上，您的选择器是错误的。

你应该使用$('##vpb_upload_button').

但是，我建议您使用 classes 而不是 id 因为 id 是唯一的。

你能做的是

new AjaxUpload($('.vpb_upload_button')) {
    //code
}

然后在你的 html

<div class="vpb_upload_button" onclick="idseter('id');">1</div>
<div class="vpb_upload_button" onclick="idseter('id');">2</div>
<div class="vpb_upload_button" onclick="idseter('id');">3</div>

编辑

您可以执行以下操作来多次调用 AjaxUpload

$('.upload').each(function() {
    new AjaxUpload($(this)) {
        //code
    }
}