I have two functions,in 1st function having ajax call,so i want the 2nd function to be execute after ajax call (here i am reloading the page)complete,can you please help me?
Here the below code
<div id="exapnd_or_collapse_div" class="exapnd_or_collapse_div" onclick="changeLayout();">
<script>
function changeLayout () {
alert('change layout');
try {
jQuery.ajax({
url:'<%=resourceURL.toString()%>',
dataType: "text",
data:{
<portlet:namespace />cmd:'changeLayout'
},
error: function(){
alert("AJAXError");
},
type: "post",
success: function(data) {
if("success" == data) {
location.reload();
}
}
}).done(function(){
exapndCollapse();
});
} catch(e) {
alert('waiting: ' + e);
}
};
function expandCollapse() {
jQuery("div.Search_Styled-dropDown").css("display", "none");
jQuery("span.menu-text").css("display", "none");
jQuery("ul.Common_ul").css("display", "none");
jQuery("img.module_images").css("width", "25px");
jQuery("img.module_images").css("margin-top", "20px");
jQuery("img.module_images").css("height", "21px");
jQuery("#search_box").css("display", "none");
jQuery("#Escaped_toggle").css("margin-right", "94%");
}
</script>
As you know Ajax is to make Asynchronous request. It means client no need to wait till you get the response from server. So during this Ajax object goes different states ( ie from 0 to 4 ). Those are:
So as per your requirement there is two solution:
Refer below code, it will help you:
function changeLayout() {
try{
jQuery.ajax({
url:'<%=resourceURL.toString()%>',
dataType: "text",
data:{
<portlet:namespace />cmd:'changeLayout'
},
type: "post",
beforeSend: function(){
//before send this method will be called
},
success: function(data) {
//when response recieved then this method will be called.
}
complete: function(){
//after completed request then this method will be called.
},
error: function(){
//when error occurs then this method will be called.
}
});
}catch (e) {
alert(e);
}
}
Hope this will help you :)
Try this but i have created example change the code as per your requirement
function exapndCollapse(){
//execute your script here
//if u want reload the page means write your script here
}
function changeLayout () {
var myval = 'test';
$.ajax({
url:'script.php',
type: "POST",
data: {"myval":myval},
success: function(data){
//call the after ajax success
exapndCollapse(); //whatever the function call
},error: function() {
console.log("error");
} // This is always fired
});
};
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.