jQuery Cascading AJAX Calls: jQuery AJAX call inside Success of another AJAX Request

zzz

SOLVED CLOSED ACTIVE ANSWERED
User: zzz
Posted: on May 28, 2015 01:23 AM
Forum: ASP.Net AJAX
Answer: 1
Views: 29096

I have a code using AJAX, and I want to validate if the username and exist. If the the username and password exist it will ask a question if the user want to proceed. If he clicks YES it will be inserted.

And if the username and password is not existing, it will be in inserted too!

<script type = "text/javascript">
         function Save() {
             $.ajax({
                 type: "POST",
                 url: "test.aspx/GetData",
                 //data: '{name: "' + $("#<%=txtUserName.ClientID%>")[0].value + '" }',
                 data: '{name: "' + $("#<%=txtUserName.ClientID%>")[0].value + '", name2: "' + $("#<%=txtPassword.ClientID%>")[0].value + '"}',
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",
                 success: OnSuccess,
                 failure: function (response) {
                     alert(response.d);
                 }
             });
         }//var a = confirm("Existing! Proceed?")
         function OnSuccess(response) {
            // if exist
// confirm(You want to proceed?
// if the user clicks YES, it will be inserted
// if not exist
// insert
         }
    </script>

<asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
        <asp:TextBox ID="txtPassword" runat="server"></asp:TextBox>
        <input id="btnSave" type="button" value="Save"
            onclick = "Save()" />

C# Code

[System.Web.Services.WebMethod]
    public static bool GetData(string name, string name2)
    {
        test insert = new test();
        MySqlConnection conn = Functions.GetConnection();
        string sql = "SELECT CustomerID, RefDocNo FROM tblsomain WHERE CustomerID=@CustomerID AND RefDocNo=@RefDocNo";
        MySqlCommand cmd = new MySqlCommand(sql, conn);
        cmd.Parameters.AddWithValue("@CustomerID", name);
        cmd.Parameters.AddWithValue("@RefDocNo", name2);
        MySqlDataReader reader = cmd.ExecuteReader();
        if (reader.HasRows)
        {
            return true;
        }
        else
        {
            //return "not exist!";
            return false;
        }
    }

Thank you

Download FREE API for Word, Excel and PDF in ASP.Net

kalpesh

0 5

Reply
ANSWER
User: kalpesh
Replied: on May 28, 2015 05:32 AM
Modified: on May 28, 2015 05:32 AM
Report

Reference Given For get Logical idea according to your question.

Refer the below Sample code same as created as your application you just need to make insert Web method for call on second condition.

Please refer below sample code.

<form id="form1" runat="server">
    <div>
    <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>
        <asp:TextBox ID="txtPassword" runat="server"></asp:TextBox>
        <input id="btnSave" type="button" value="Save"
            onclick = "Save()" />
    </div>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        function Save() {
            $.ajax({
                type: "POST",
                url: "test.aspx/GetData",
                data: '{name: "' + $("#<%=txtUserName.ClientID%>")[0].value + '", name2: "' + $("#<%=txtPassword.ClientID%>")[0].value + '"}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success:   function (response) {
                        if (response.d == true) {
                            var confirmYN = confirm("User already Exist You want to continue");
                            if (confirmYN) {
                                OnSuccess();
                            }
                            else {
                                alert("Request cancel.");
                            }
                        }
                        else {
                            OnSuccess();
                        }
                    },
                failure: function (response) {
                    alert(response.d);
                }
            });
        } 

        function OnSuccess() {
            $.ajax({
                type: "POST",
                url: "test.aspx/GetInsertData",
                data: '{name: "' + $("#<%=txtUserName.ClientID%>")[0].value + '", name2: "' + $("#<%=txtPassword.ClientID%>")[0].value + '"}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    if (response.d == true) {
                            alert("user detail Inserted");
                    }
                    else {
                        alert("Error Occured.");
                    }
                },
                failure: function (response) {
                    alert(response.d);
                }
            });
        }
    </script>
    </form>

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

jQuery Cascading AJAX Calls: jQuery AJAX call inside Success of another AJAX Request

Company

Explore

Follow us

Contact Us