gpt4 book ai didi

php - 对表单元素集的多个 AJAX 请求

转载 作者:行者123 更新时间:2023-11-28 00:13:47 25 4
gpt4 key购买 nike

我是一个漂亮的新手程序员,他正在尝试制作一个心跳脚本,该脚本从当前页面获取一个 id 并将其发送到 heartbeat.php,其中发生以下情况:

1) 我在 schedule 表中查找与我刚刚发送的 ID 相对应的 currentlocation 字段。

2) 然后我将我在 currentlocation 字段中找到的值编码为 JSON

这是 heartbeat.php 的代码:

<?php
/*** mysql hostname ***/
$hostname = 'localhost';

/*** mysql username ***/
$username = '********';

/*** mysql password ***/
$password = '*********';

$db = new PDO("mysql:host=$hostname;dbname=sv", $username, $password);
$statement = $db->prepare("SELECT currentlocation FROM schedule WHERE apptid = :apptid");
$statement->execute(array(':apptid' => $apptid));
$row = $statement->fetch();
echo json_encode($row['currentlocation']);

?>

在 html 方面,我使用 php 进行了一段时间的循环,从数据库中提取患者信息,因此 ID-NUMBER-1 和 ID-NUMBER-2 将是数据库中的相应 ID。

这是 html:

<!--  FIRST SET: the id is ID-NUMBER-1  -->

<div class='jcontainer'>
<div style='display:none; class='jcontainerid'>ID-NUMBER-1</div>
<button class='checkIn' data-param='button_ID-NUMBER-1'>Check In</button>
<form method='post' class='myForm' action=''>
<select name='locationSelect' class='locationSelect' data-param='location_ID-NUMBER-1'>
<option value='1'>Exam Room</option>
<option value='2'>Exam Room 2</option>
<option value='3'>X-Ray Room</option>
<option value='1000'>Check Out</option>
</select>
</form>
<div class='finished' style='color:#ff0000;'>Checked Out</div>
</div>

<!-- SECOND SET: the id is ID-NUMBER-2 -->

<div class='jcontainer'>
<div style='display:none; class='jcontainerid'>ID-NUMBER-2</div>
<button class='checkIn' data-param='button_ID-NUMBER-2'>Check In</button>
<form method='post' class='myForm' action=''>
<select name='locationSelect' class='locationSelect' data-param='location_ID-NUMBER-2'>
<option value='1'>Exam Room</option>
<option value='2'>Exam Room 2</option>
<option value='3'>X-Ray Room</option>
<option value='1000'>Check Out</option>
</select>
</form>
<div class='finished' style='color:#ff0000;'>Checked Out</div>
</div>

所以,问题是,我怎样才能在 JQuery 中执行以下操作:

1) 对于每个 jcontainer(或我在 html 中标记的每组表单元素),获取 id,它是 div 内的文本,类为 jcontainerid

2) 然后使用 jquery 心跳,每 5 秒将每个 jcontainer 的 id 发送到 php 页面,并以 JSON 格式发送回 currentlocation 的值。

非常感谢您提供的所有帮助。如果您需要了解更多详细信息,请直接询问,我很乐意提供帮助!

最佳答案

您可以使用 .each() 遍历每个 jcontainer,请在此处查看更多信息:

http://api.jquery.com/each/

这是您可以执行的操作的示例:

function dataToHeartbeat(){
$(".jcontainer").each(function(){
// grab the id
var apptid = $(this + " > .jcontainerid").text();
// Submit to heartbeat.php with JSON expected in return
$.getJSON('heartbeat.php?apptid='+apptid, function(data){
// Do something with resulting data
});
});
}

然后您可以使用 setTimeout() 来调用该函数。根据您的需要,您可以在函数内添加 setTimeout 以导致连续循环。

关于php - 对表单元素集的多个 AJAX 请求,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13484375/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com