如何在ASP.NET母版页中调用jquery调用 [英] How to call the jquery call in ASP.NET master page

问题描述

此代码为Asp.net Master Page ..

i想要点击弹出提交按钮那些字段数据插入数据库..



所有代码仅适用于母版页



我尝试过：

this code is Asp.net Master Page..
i want click popup submit button those fields data insert into database..

All code working only Master page

What I have tried:

<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-sm">
    <div class="modal-content"><br />
    <form style="margin: 0px 5px 0px 5px;">ss
  <div class="form-group">
    <label for="exampleInputEmail1">Email address</label>
      <asp:TextBox ID="txtLEmail" class="form-control" placeholder="Password" runat="server"></asp:TextBox>
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Password</label>
      <asp:TextBox ID="txtLPassword" class="form-control" placeholder="Password" runat="server"></asp:TextBox>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox"/> Check me out
    </label>
  </div>

</form>
        <div class="modal-footer"><br />
        <button type="button" class="btn btn-primary" >Login</button>
        <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Sign Up</button>
      </div>
    </div>
  </div>
</div>

<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
     <form style="margin: 10px 5px 10px 5px;">
  <div class="form-group">
    <label for="exampleInputEmail1">First Name</label>
      <asp:TextBox ID="txtFName" class="form-control" placeholder="First Name" runat="server"></asp:TextBox>
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Last Name</label>
    <asp:TextBox ID="txtLname" class="form-control" placeholder="Last Name" runat="server"></asp:TextBox>
  </div>
  <div class="form-group">
  <label for="exampleInputEmail1">Email Address</label>
    <asp:TextBox ID="txtEmail" class="form-control" placeholder="Email Address" runat="server"></asp:TextBox>
  </div>
  <div class="form-group">
  <label for="exampleInputEmail1">Mobile Number</label>
    <asp:TextBox ID="txtMobile" TextMode="Number" class="form-control" placeholder="Mobile Number" runat="server"></asp:TextBox>
  </div>
  <div class="form-group">
  <label for="exampleInputEmail1">Password</label>
    <asp:TextBox ID="txtPassword" TextMode="Password" class="form-control" placeholder="Password" runat="server"></asp:TextBox>
  </div>

  <div class="checkbox">
    <label><input type="checkbox"/> Check me out</label>
  </div>
         
         <asp:Button ID="btnSignup" class="btn btn-primary" runat="server" Text="Signup" OnClick="btnSignup_Click" />
</form>
    </div>
  </div>
</div>

jquery ...

jquery...

<script type="text/javascript">
    $(function () {
        $("[id$=btnSignup]").bind("click", function () {
            var user = {};
            user.Firstname = $("[id$=txtFName]").val();
            user.Lastname = $("[id$=txtLname]").val();
            user.Email = $("[id$=txtEmail]").val();s
            user.Mobile = $("[id$=txtMobile]").val();
            user.Password = $("[id$ =txtPassword]").val();
            $.ajax({
                type: "POST",
                url: "WebService1.asmx/SaveUser",
                data: '{user: ' + JSON.stringify(user) + '}',
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (response) {
                    alert("User has been added successfully.");
                    window.location.reload();
                }
            });
            return false;
        });
    });
</script>

主页中的CodeBehind：

CodeBehind in masterpage :

[WebMethod]
        [ScriptMethod]
        public static void SaveUser(User user)
        {
            MySqlConnection con = new MySqlConnection(ConfigurationManager.ConnectionStrings["Mysqlcon"].ConnectionString);
            string str = "select count(*) from Customer_list";
            MySqlCommand cmd4 = new MySqlCommand(str, con);
            con.Open();
            int count = Convert.ToInt32(cmd4.ExecuteScalar()) + 1;
            string  time = DateTime.Now.ToString();
            string Executive_id = "8" + "0" + Convert.ToDateTime(time).ToString("ddMMyyyyss") + count;

            con.Close();


            con.Open();
            MySqlCommand cmd = new MySqlCommand("insert into Customer_list(Customer_ID,First_Name,Last_Name,Email_ID,Password,Mobile,Date_of_Registration)values(@Executive_ID,@Name,@Email_ID,@Password,@Mobile,@Date_of_Registration)", con);
            cmd.Parameters.AddWithValue("@Customer_ID", Executive_id);
            cmd.Parameters.AddWithValue("@First_Name", user.Firstname);
            cmd.Parameters.AddWithValue("@Last_Name", user.Lastname);
            cmd.Parameters.AddWithValue("@Email_ID", user.Email);
            cmd.Parameters.AddWithValue("@Password", user.Password);
            cmd.Parameters.AddWithValue("@Mobile", user.Mobile);
            cmd.Parameters.AddWithValue("@Date_of_Registration", time);

            int i = cmd.ExecuteNonQuery();
        }

推荐答案

（ function （）{

（ [id

("[id

= btnSignup ]）。bind（ 点击， function （）{
var user = {};
user.Firstname =

=btnSignup]").bind("click", function () { var user = {}; user.Firstname =

这篇关于如何在ASP.NET母版页中调用jquery调用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！