开发人员如何使用 Ajax 发送和接收具有多个 div 的多个请求

【问题标题】：开发人员如何使用 Ajax 发送和接收具有多个 div 的多个请求(How does a developer send and receive multiple requests with multiple div's using Ajax)
【发布时间】：2022-01-25 10:08:13
【问题描述】：

我已经建立了一个页面，我在其中向 php 发送了一个 Ajax 发布请求，并使用下面的方法获得了响应。

这适用于发送一个请求并接收响应。

现在我正在尝试发送多个请求，如下所示

现在我想捕获对我发送的多个请求的响应，并将它们分别显示在它们的 div 中，如下所示

在我的 php 中

在下面我更新的 Ajax 中查看我想要收集多个响应并将它们发送到各自的 div 的成功方法

例如，“2”的响应转到 {scores} ，“3”的响应转到 {scores1}

请帮助了解如何完成最后一部分

请添加更多涉及的 HTML - 几乎可以肯定有一种更简洁的方法可以做到这一点，而无需借助 ID 属性
对不起，这应该是一个名称属性，我无法编辑我的问题@ProfessorAbronsius
例如。
如果有多个输入元素的值要在单个请求中发送到服务器，那么从服务器发送回结构化数据 (json) 是有意义的 - 令人沮丧的是，问题是在锁定状态下，我应该编辑它而不是批准上次编辑。
一个 js fiddle of urs 可以做或只做一个答案，而且我在返回数据方面也没有问题，我的问题肯定是如何使用它们单独的 id 来定位两个 div？

【解决方案1】：

对于无限 (?) 数量的输入元素及其各自的输出 DIV 元素，向/从服务器发送和返回结构化数据使您能够将初始值与返回的响应相关联。下面去掉ID属性，改用数据集属性（个人喜好）

 $value ){
            $output[ $receiver ]=array(
                'sql'       =>  'select x from y',
                'result'    =>  mt_rand(0,1),
                'code'      =>  uniqid(),
                'time'      =>  time(),
                'value'     =>  $value
            );
            sleep( 0.1 );
        }
        
        
        exit( json_encode( $output ) );
    }
?>

复制并运行以查看最终结果。宿醉开始了 - 圣诞快乐。

分享于2022年07月17日 ajax javascript php 问答