如何通过Ajax将数据发送到不同的元素？ - php

script.js

 $(document).on("click", ".send", function (event) {
   $.ajax({
            url: "update.php",
            data: {
               id: id,
            },
            type: "POST",
            success: function (data) {
                $(".blue").html(data);
                $(".red).html(data);
            }
        })
 });

update.php

echo "this text should go to blue";
echo "this text should go to red";

index.php

<button class="send">Send</button>
<div class="blue"></div>
<div class="red"></div>

在一个Ajax请求中，我想将数据发送到两个不同的div。我不知道该如何解决。还是有可能吗？我尝试了两个不同的Ajax请求。但是因为我需要从数据库中获取数据，所以会导致冲突。

这里根据建议更新了代码：

   $(".send").click(function(){
      $.ajax({
            url: "update.php",
            data: {},
            type: "POST",
            success: function (data) {
                $(".blue").html(data.blue);
                $(".red").html(data.red);
                  alert("success");
            }
        })
});

update.php

$array['blue'] = "blue content";
$array['red'] = "red content";
header('Content-type: application/json');
echo json_encode($array);

更新：

像这样的代码工作：

Update.php

$array['blue'] = "blue content";
$array['red'] = "red content";
//header('Content-type: application/json');
echo json_encode($array);

scipt：

 $.ajax({
            url: "update.php",
            data: {},
            type: "POST",
            success: function (data) {
                //$(".blue").html(data.blue);
                //$(".red").html(data.red);
                $(".red").html(data);
                  alert("success");
            }
        })

那么我在红色div中的结果是：

{"blue":"blue content","red":"red content"}

php参考方案

从服务器将数据打包为JSON，然后在客户端上解压缩。

简单的例子：

update.php

$array['blue'] = "blue content";
$array['red'] = "red content";
header('Content-type: application/json');
echo json_encode($array);

script.js

$(document).on("click", ".send", function (event) {
   $.ajax({
            url: "update.php",
            data: {
               id: id,
            },
            type: "POST",
            success: function (data) {
                $(".blue").html(data.blue);
                $(".red").html(data.red);
            }
        })
 });

当文本等于单选按钮的值时，选择单选按钮 - php

当下拉菜单中的文本等于值时，是否可以选择2个名称相同但值不同的单选按钮中的1个？https://paste.ee/p/2iCjA第97行我用if-else尝试过：if($('input[name="anrede"]').val() == 'Herr') { $("#Herr").…

验证php中的javascript对象 - php

在我的用户界面中，用户可以构建一些javascript对象，例如：var box = { "width": "100px", "height": "200px", "click": function () { alert("You clicked t…

在单次点击甚至点击链接时创建不同的功能 - php

我有3个链接，它们是学生的名字。第一次单击链接或奇数时间时，会出现另一个div，其中包含该学生的详细信息。在第二次或偶数时间单击同一链接时，我需要隐藏学生div。使用jquery的data()事件对我来说效果很好。我的要求是，如果我单击第一个学生链接，则会显示第一个学生的详细信息。如果单击第二个学生链接，则会显示第二个学生的详细信息。如果再次单击第一个链接，…

无法将jQuery发布到php上 - php

我目前在在PHP页面上的MySQLi SELECT的jQuery上发布变量时遇到一些麻烦。jQuery代码：$("#carta1").click(function() { cartaId = document.getElementById("carta1").value; console.log(cartaId); a…

尝试使用AJAX上载文件时，FormData对象始终为空 - php

当尝试使用AJAX上传图像而不直接提交表单并将FormData对象发送到服务器时，它将返回空的$_FILES数组。但是，如果我使用<input type="submit">标记提交表单，则$_FILES数组不会为空，并且会接收数据。的HTML<form action="core/update.php"…