Here are the steps to store data in a data attribute and utilize it through Ajax:
<div class="product" data-product-id="123">Product details</div>
data()
or attr()
method as follows:var productId = $(".product").data("product-id");
123
, you can make an Ajax call as follows:$.ajax({
url: "product-details.php",
data: { id: productId },
success: function(result) {
// handle result
}
});
In this example, the data
property is used to pass the productId
variable to the server-side PHP script. The result
parameter in the success function contains the data retrieved from the server.
Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss
Asked: 2022-02-24 11:00:00 +0000
Seen: 11 times
Last updated: Jul 26 '21
How can a HTTP header be inserted in WordPress?
How can an array be passed using typo3 flexform xml and itemsProcConfig?
Does JSON encode fail to retrieve data from the database?
Can the GS1 128 barcode decoder in PHP or Jquery be utilized?
How can Xdebug be used in conjunction with VSCode for Laravel on Sail and WSL2?
In PHP, what is the method for finding encrypted data using the "like" operator?
What is the method to pass a variable from PHP back to JavaScript?
Why do PHP variable variables display unexpected behavior when used with arrays?