Pobierz zmienną Ajax z pętli foreach PHP
Mam prosty skrypt ajax (wersja jquery) i bardzo krótką funkcję php i działają bez problemu. Kiedy przesyłam wartość z formularza wejściowego, ajax będzie działał, aby wysłać i uzyskać wynik ze skryptu php, w tym przypadku, aby uzyskać całkowitą kwotę zamówienia książki. Skrypt Ajax i sekcja html są następujące:
<script language="JavaScript">
$(document).ready(function() {
$("form").mouseout( function() {
// get field value
var qtyVal = $('#qty').val();
// use HTTP GET get ajax
$.ajax({
type: 'GET',
url: 'getSunBody.php',
data: { qty : qtyVal,
},
success: function(data) {
//get xml value
$('#result').html($(data).find('qty').text());
$('#result1').html($(data).find('caution').text());
}
});
return false;
});
});
</script>
<body>
Total price:<div id="result" class="box" style="height=350px;"></div><div id="result1" class="box" style="height=350px;"></div>
<form>
<p>
<label>quantity: </label>
<input type="text" id="qty" name="qty"/>
<br/>
<input type="submit" value="submit">
total price:</p>
<p> </p>
</form>
A następujący skrypt php służący jako xml działa dobrze z powyższym żądaniem ajax:
<?php
// XML document
header("Content-Type: text/xml");
header("Content-Type:text/html; charset=utf-8");
// get field values
$qty = (isset($_POST["qty"]) ) ? $_POST["qty"] : $_GET["qty"];
echo "<?xml version=\"1.0\" ?>";
echo "<datetime>";
echo "<qty>" . $qty*100 . "</qty>";
$total=$qty*100;
if ($total==0)
echo "<caution>"."please input number!"."</caution>";
else if ($total<=500)
echo "<caution>"."you shoud buy more!"."</caution>";
echo "";
echo "</datetime>";
?>
Jednak gdy połączę powyższe skrypty z pętlami foreach koszyka zakupów, nie działa, a skrypt ajax nie może pobrać zmiennych z obszaru wprowadzania formularza. Nie wiem, czy jest to problem ze zmiennym zakresem (globalne czy lokalne)? albo coś innego?
Poniżej znajduje się cały skrypt, który chciałbym naprawić:
<script language="JavaScript">
$(document).ready(function() {
$("form").mouseout( function() {
// get value from the form
var qtyVal = $('#qty').val();
// get
$.ajax({
type: 'GET',
url: 'getSunBody.php',
data: { qty : qtyVal,
},
success: function(data) {
// get XML value
$('#result').html($(data).find('qty').text());
$('#result1').html($(data).find('caution').text());
}
});
return false;
});
});
</script>
</head>
<body>
<table border="1" align="center">
<tr>
<th>no</th>
<th>name</th>
<th>price</th>
<th>qty</th>
<th>update</th>
</tr>
<?php
foreach( $_SESSION["psn"] as $i => $data ){
?>
<form action="sessionCartUpdate.php">
<input type="hidden" name="psn" value="<?php echo $_SESSION["psn"][$i];?>">
<tr>
<td><?php echo $_SESSION["psn"][$i];?></td>
<td><?php echo $_SESSION["pname"][$i];?></td>
<td><?php echo $_SESSION["price"][$i];?></td>
<td><input type="text" id="qty" name="qty" value="<?php echo $_SESSION["qty"][$i];?>"></td>
<input type="submit" name="qty"
<td><input type="submit" name="btnUpdate" value="update" />
<input type="submit" name="btnDelete" value="delete" />
</td>
</tr>
</form>
<?php
}
?>
<tr><td colsan="5">total amount:<div id="result" class="box" style="height=350px;"></div><div id="result1" class="box" style="height=350px;"></div></td></td>
</table>
<p><a href="sessionProdList.php">continue to shop</a>
<p><a href="sessionCartToDb.php">Put your order</a>
</body>
</html>
Byłbym bardzo wdzięczny, gdyby ktoś mógł zaoferować miłą lub możliwą sugestię lub radę? Moim celem jest umieszczenie różnej liczby (zmiennych) w „obszarze wejściowym” (nazwa lub identyfikator jako „ilość”) przez użycie ajax, aby uzyskać całkowitą kwotę ceny i wyświetlić wynik w polu div (wynik id = ” „lub„ wynik1 ”).