How to alert message before Response.redirect? or other way

Question

I have a button on my update page. This button redirects and refreshes the page after sending sms I want that; If the user pushes the button and sends sms 1 time, do not press the same button 2 times unless the page is closed. In fact, I installed the structure, but because the button response is redirect, my page refreshes every time and never falls into the following else. How can I solve this? Response redirect(in controller) public void SMSGonder( int flowId) { flow flow = db.flow.Find(flowId); string meetingDate = "" ; foreach ( var item in db.sp_get_meeting(flowId)) { meetingDate = item.meetingDate.ToString( "dd.MM.yyyy HH:mm" ); } DakikSMSMesajGonder2(flow.flowPhone.ToString(), flow.flowName, meetingDate, null ); Response.Redirect( "~/flows/Edit?id=" + flowId); } href button; div class = "col-md-4" > a class = "btn btn-default" id = "sms" href = "/flows/SMSGonder?flowId=@Model.flowId" > Sent SMS a > div > and JQuery; $( "#sms" ).click( function () { var $foo = $( this ); if (!$foo.data( 'clicked' )) { alert( "SMS sent successfully!" ); } else { alert( "You've already sent this sms." ); } $foo.data( 'clicked' , true ); });

Vincent Maverick Durano · Answer

The URL in your AJAX call is the URL to your WebMethod, WebService or Web API. If you want to pass data to the URL, then use the data parameters. Here's a good article highlighting how to communicate with your database using jQuery AJAX : https://www.mikesdotnetting.com/article/104/many-ways-to-communicate-with-your-database-using-jquery-ajax-and-asp-net

Yasin Kızıltaş · Answer

thx 4 comment. The button href feature contains; href = "/ flows/smsgonder?flowid=@model.flowid" How do I integrate the href part into the URL part in ajax? $( function () { $( "#buttonid" ).click( function () { $.ajax({ type: "Post" , url: "??" , data: "{'KEY':'VALUE'}" , contentType: "application/json; charset=utf-8" , dataType: "json" , success: function (data) { //if the request succeeds, display an alert then redirect alert( "SMS send." ) }, error: function (err) { alert(err); } }) }) }) Vincent Maverick Durano

Vincent Maverick Durano · Answer

That's because you are calling Response.Redirect in your code behind which overrides your JavaScript alert. You should avoid mixing your JavaScript logic with your code behind. If you want to do some server processing before you redirect to another page and display an alert, then I'd suggest you to make use of AJAX instead. That way, you can control the flow of your lofic and display alerts when needed. A quick example: $(function () { $( "#buttonid" ).click(function () { $.ajax({ type: "Post" , url: "yourwebmethodURL" , data: "{'KEY':'VALUE'}" , contentType: "application/json; charset=utf-8" , dataType: "json" , success: function (data) { //if the request succeeds, display an alert then redirect }, error: function (err) { alert(err); } }) }) })

Yasin Kızıltaş · Answer

tried again as you said. @suraj kumar $( "#sms" ).click( function () { var $foo = $( this ); if (!$foo.data( 'clicked' )) { alert( "SMS sent successfully!" ); window.location.href( "/flows/SMSGonder?flowId=@Model.flowId" ); } else { alert( "You've already sent this sms." ); } $foo.data( 'clicked' , true ); });

Yasin Kızıltaş · Answer

Can you explain with a simple example?

Sumit Chaudhary · Answer

Hi, You can try AJAX function in this step and also all steps will do in a ajax funtion like jquery and controller mathod. Thnanks Sumit Chaudhary

Suraj Kumar · Answer

Hello, try as shown below alert( "Data Saved Successfully." ); //Redirect to the list page window.location.href = '/YourController/YourAction' ;