私は数日前にこの正確なフォームに問題があり、皆さんのおかげで別のPHPで修正されました。フォームの1つを変更しましたが、機能しなくなりました。AJAXを介して送信されるすべての変数に警告しましたが、それらは必要な正しい値です。HTMLフォームのコードは次のとおりです。
<?php
include('php/connect.php');
$chquery = "SELECT * FROM rooms";
$chresult = mysqli_query($conn, $chquery);
while($chrow = mysqli_fetch_array($chresult)){
echo "<div class='edit_roomRow'>";
echo "<h1> Rum " . $chrow['Roomnumber'] . "</h1>";
echo "<form>";
echo "Rumsnummer:<br> <input id='c-roomnumber' type='text' value = '" . $chrow['Roomnumber'] . "'><br>";
echo "Beskrivning:<br> <input id='c-description' type='text' value = '" . $chrow['Description'] . "'>";
echo "</form>";
echo "<br>";
*update* echo "<div class='btn btn-warning change-btn' data-value='". $chrow['ID'] . "' style='float: right; margin-top: 100px;'>Ändra</div>";
echo "</div>";
echo "<hr/>";
}
mysqli_free_result($chresult);
mysqli_close($conn);
?>
AJAXはここにあります:
<script type="text/javascript">
$(".change-btn").click(function(){
var id = $(this).attr("data-value");
var description = $("#c-description").val();
var roomnumber = $("#c-roomnumber").val();
//Call to ajax
$.ajax({
method:"GET",
url: "php/changepost.php",
data:{ id: id, description: description, roomnumber: roomnumber },
success: function(){
$("#c-description").val("");
$("#c-roomnumber").val("");
//Reload specific div with rooms, avoid full page reload
$(".changerooms").load(location.href + " .changerooms");
}
})
})
</script>
PHPなどで変数を変更してみました。
<?php
mysqli_report(MYSQLI_REPORT_ERROR | MYSQLI_REPORT_STRICT);
include('connect.php');
if(isset($_GET['id'])){
$stmt = mysqli_prepare($conn, "UPDATE rooms SET Roomnumber = ?, Description = ?, WHERE ID = ?");
mysqli_stmt_bind_param($stmt, "isi", $_GET['roomnumber'], $_GET['description'], $_GET['id']);
mysqli_stmt_execute($stmt);
}
mysqli_close($conn);
?>
DBは次のように設定されます。
ID | Description | Roomnumber| Cleaned | Cleaner | Time
最後の3つはここでは関係ありませんが、完全なデータベース設定を示しています。同じ値で新しい投稿などを追加できますが、何かを変更することになると、このコードでは正しくありません。誰かがこれで私を助けることができることを願っています:)
各DIVで同じIDを再利用しているので、代わりにクラスを使用する必要があります。次に、DOMトラバーサル関数を使用して、ユーザーがクリックしたボタンと同じDIV内の入力の値を取得します。
これには</div>
、.edit_roomRow
DIVのをDIVの後に移動する必要があるため.change-btn
、フォームと同じDIVになります。
PHP:
<?php
include('php/connect.php');
$chquery = "SELECT * FROM rooms";
$chresult = mysqli_query($conn, $chquery);
while($chrow = mysqli_fetch_array($chresult)){
echo "<div class='edit_roomRow'>";
echo "<h1> Rum " . $chrow['Roomnumber'] . "</h1>";
echo "<form>";
echo "Rumsnummer:<br> <input class='c-roomnumber' type='text' value = '" . $chrow['Roomnumber'] . "'><br>";
echo "Beskrivning:<br> <input class='c-description' type='text' value = '" . $chrow['Description'] . "'>";
echo "</form>";
echo "<br>";
echo "<div class='btn btn-warning change-btn' data-value='". $chrow['ID'] . "' style='float: right; margin-top: 100px;'>Ändra</div>";
echo "</div>";
echo "<hr/>";
}
mysqli_free_result($chresult);
mysqli_close($conn);
?>
JS:
$(".change-btn").click(function(){
var div = $(this).closest(".edit_roomRow");
var id = $(this).attr("data-value");
var description = div.find(".c-description").val();
var roomnumber = div.find(".c-roomnumber").val();
//Call to ajax
$.ajax({
method:"GET",
url: "php/changepost.php",
data:{ id: id, description: description, roomnumber: roomnumber },
success: function(){
div.find(".c-description").val("");
div.find(".c-roomnumber").val("");
//Reload specific div with rooms, avoid full page reload
$(".changerooms").load(location.href + " .changerooms");
}
})
})
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加