Member 11652153 Ответов: 1

Как позвонить в jQuery вызов в главную страницу ASP.NET


этот код является Asp.net Главная страница..
я хочу нажать всплывающую кнопку отправить эти поля данных вставить в базу данных..

Весь код работает только на главной странице

Что я уже пробовал:

<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...

<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 в 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();
        }

Karthik_Mahalingam

называется ли веб-метод ?
поместите метод оповещения рядом с этой строкой и проверьте, срабатывает ли событие?
пользователь var = {};

Vincent Maverick Durano

Вы получаете ошибку сценария? Пожалуйста, используйте инструмент отладчика браузера для устранения неполадок. Вы должны быть в состоянии увидеть любую ошибку сценария на вкладке консоли, если она есть.

1 Ответов

Рейтинг:
2

njammy

Вы должны понимать, что функция

$("[id$=btnSignup]").bind(


будет работать только тогда, когда страница полностью загружена, поэтому попробуйте поместить ее внутрь,

$(document).ready(function()
    {
        // place your code here 
    });


Читайте о помощи, если она вам нужна здесь : $ (document ). ready () / учебный центр jQuery[^]


Vincent Maverick Durano

Линия $(function () {}); на самом деле это функция короткой руки для $(document).ready(function(){});