javascript - 获取选中的表格行文本值并发送给API

Question

当选择特定行时，将获取该行文本，例如电话号码和消息

$("#btn").on("click", function () {
    var result = $("tr:has(:checked)")

    if (result.length < 2) {
        alert("Please Select 2 to 4 Models");
    } else if (result.length > 4) {
        alert("Please Select 2 to 4 Models");
    } else {
        console.log(result);
    }
    
    var json = result.map(function () {
        return [$(this).children().slice(1).map(function () {
            return $(this).text().trim()
        }).get()]
    }).get()
  alert(JSON.stringify(json,0,"\t"))
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<table border="1" width="100%">
    <thead>
       <th>select</th> <th>phone no</th> <th>message</th>
    </thead>
    <tbody>
        <tr>
            <td>
                <input type='checkbox' />
            </td>
            <td>123456</td>
            <td>hi</td>
        </tr>
        <tr>
            <td>
                <input type='checkbox' />
            </td>
            <td>1234567</td>
            <td>hello</td>
        </tr>
        <tr>
            <td>
                <input type='checkbox' />
            </td>
            <td>4561234</td>
            <td>hey</td>
           
        </tr>
    </tbody>
</table>
<input id="btn" type="button" label="button" value="send" />

现在，我想使用 php 将这些数据发送到 API 来发送消息。API需要2个字段

   {

   "phone": "examplestring",
   "message": "examplestring"

    }

上面的表格是硬编码的，所以你们可以更好地了解我的表格的设置。我的真实表使用 while 循环来回显每行记录

 <table>
<?php while($row = mysql_fetch_array( $result ,MYSQL_ASSOC)) {?>
  <td><input type="text"value="<?php echo $row['phone'] ?>"></td>
   <td><input type="text"value="<?php echo $row['message'] ?>"></td>

    $specific[] = [
                 "phone" => $row["phone"],
                 "message" =>$row["message"]
               ];
    $result = json_encode($specific,JSON_UNESCAPED_UNICODE)              
     ];

    <?php } ?>
    </table>

变量$result是一个由多个对象文字组成的数组，它将被发送到API以发送消息

所以现在我试图将这些消息发送到那些已检查过的手机上。但它不起作用。任何想法都会很棒，谢谢

Answer 1

您可以使用 jquery 创建 json 对象。为 td 提供电话号码类别“phone”，并为 td 提供消息类别“msg”。然后使用 jquery，您可以提取这些详细信息并推送到 json 对象中。希望这有帮助..

   <form method="post" action="test.php" id="msgForm">
   <table border="1" width="100%">
        <thead>
           <th>select</th> <th>phone no</th> <th>message</th>
        </thead>
        <tbody>
            <tr>
                <td>
                    <input type='checkbox' />
                </td>
                <td class='phone'>123456</td>
                <td class="msg">hi</td>
            </tr>
            <tr>
                <td>
                    <input type='checkbox' />
                </td>
                <td class='phone'>1234567</td>
                <td class="msg">hello</td>
            </tr>
            <tr>
                <td>
                    <input type='checkbox' />
                </td>
                <td class='phone'>4561234</td>
                <td class="msg">hey</td>

            </tr>
        </tbody>
    </table>
   <input type="hidden" id="jsonMsgs" name="jsonMsgs" />
    <input id="btn" type="button"  value="send" />
   </form>
    <script>
    $(document).ready(function () {
        var jsonObj = [];

        $("#btn").on("click", function () {
            var result = $("tr:has(:checked)");

            if (result.length < 2) {
                alert("Please Select 2 to 4 Models");
            } else if (result.length > 4) {
                alert("Please Select 2 to 4 Models");
            } else {
                console.log(result);
            }

            $.each( result, function(key, value) {
                var field1 = $(this).find('td.phone').text();
                var field2 = $(this).find('td.msg').text();

                var item = {};
                item["phone"] = field1;
                item["message"] = field2;

                jsonObj.push(item);
            });
            console.log(jsonObj);
            alert(JSON.stringify(jsonObj));

            $("#jsonMsgs").val(JSON.stringify(jsonObj));
            $("#msgForm").submit();
        });
    });      
    </script>

test.php 可能是:

<?php     
$json = $_POST["jsonMsgs"];

//var_dump(json_decode($json));
var_dump(json_decode($json, true));

$data = json_decode($json, true);


foreach($data as $ind) {
    echo $ind['phone'] . "<br/>";
    echo $ind['message'] . "<br/>";
}
?>