maybe it seems easy, but I could not find any useful solution for it. Let's say I have an url with GET value of:
/?userid=1
How can I pass the value of 1 using AJAX? Also the userid changes depending on the link that has been pressed so it cannot be statically sent with AJAX.
$.ajax({
type: "POST",
url: "actions.php?action=getUserProfileData",
data: "userid=" + userid, // I am talking about this part
GET doesn't support sending data like POST or PUT, so you need to concatenate everything in the URL like you're already doing:
$.ajax({
type: "GET",
url: "actions.php?action=getUserProfileData&userid="+ userid
});
Try this :)
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$.ajax({
url: "https://jsonplaceholder.typicode.com/comments",
type: "get",
data: {
postId: 1
},
success: function(response) {
console.log(response);
},
error: function(xhr) {
console.log(error);
}
});
});
});
</script>
</head>
<body>
<button>Get Data</button>
</body>
</html>
I think functions will help you out.
function postAction(userid) {
$.ajax({
type: "POST",
url: "actions.php?action=getUserProfileData",
data: "userid=" + userid,
success: function(data) {
alert(data);
}
});
}
function getUser(id) {
$.ajax({
type: "GET",
url: "URL.php?userid=" + id,
success: function(data) {
postAction(data.id)
}
});
}
getUser("1");
The functions make sure the variables are in scope when you need them (closure basically).
window.location.href? It is very unclear as to what your goal is here...