action="edit.php?order_id=<?php echo $id; ?>"
url: "edit.php",
<input type="hidden" class="order-id" data-order-id="<?php echo $id; ?>">
$("form").submit(function(e){
e.preventDefault();
var id = $('.order-id').data('order-id');
let order_name = $('input[name="order_name"]').val();
let order_desc = $('textarea[name="order_desc"]').val();
let order_price = $('input[name="order_price"]').val();
let user_id = $('input[name="user_id"]').val();
let order_date = $('input[name="order_date"]').val();
$.ajax({
type: "POST",
url: `edit.php?order_id=${id}`,
dataType: "html",
data: {
order_name: order_name,
order_description: order_desc,
order_price: order_price,
user_id: user_id,
order_date: order_date,
change: true
},
success: function(data) {
alert(data);
}
});
});
});
<form id="form">
<div id="dii">
<input type="hidden" id="login" value="<? echo $login; ?>">
<button type="submit" id="" class="status" value="1">1</button>
<button type="submit" id="" class="status" value="2">2</button>
<button type="submit" id="" class="status" value="3">3</button>
<button type="submit" id="" class="status" value="4">4</button>
</div>
<div id="app" width="640" ></div>
</form>
$("#dii>button").on('click', function(e){
e.preventDefault();
var status = $(this).val();
console.log(status);
var login = document.getElementById('login').value;
$.ajax({
type: 'post',
url: 'preload.php',
data: {status: status, login: login},
success: function(data){
//alert("Ваше сообщение отпрвлено!");
alert(data);
$("#app").empty();
$("#app").append(data);
}
});
});
#button {
color: green;
width: 250px;
height: 60px;
}
#button2 {
color: green;
width: 250px;
height: 60px;
}
#button3 {
color: green;
width: 250px;
height: 60px;
}
#button4 {
color: green;
width: 250px;
height: 60px;
}
//сразу от body обращаемся, что бы избежать следующего вопроса - "а почему не работает клик, если подгружать динамически модалку "
$('body').on('click', '.open-modal-work-js', function(){
var get_id = $(this).attr("data-id");
$.ajax({
type: 'POST',
url: '/path-to-action.php',
data: {
id: get_id
},
success: (data) => {
$('.modal-window').show().html(data);
}
});
});
$id = $_POST['id'];
$sql= "SELECT * FROM works WHERE id_w = ".$id." ";
запрос составлен не верно и кишит sql инъекциями, предлагаю почитать что это - sql инъекции и заодно взглянуть на pdo. так же на примеры ajax запросов в связке php и mysql