как сохранить данные в базе данных с помощью jquery

Question

как сохранить данные в базе данных с помощью jquery

0

Я новичок в jquery. Я часто делаю свое кодирование в С#, и теперь мне нужно работать с jquery. Я знаю основные из jquery. Всего несколько функций jquery. Но теперь я хочу сделать что-то заранее. Я хочу сохранить обновление, удалив данные в sql-сервере с моей страницы asp.net с помощью jquery. Я попробовал код jquery для этого, но он не работает. Я не могу получить, что такое ошибка, и где я ошибаюсь. Вот мой код jquery, который я использую

<script type="text/javascript">
        $(document).ready(function () {
            $("#Button1").click(function () {
                $.ajax({
                    type: 'POST',
                    contentType: "application/json;charset=utf-8",
                    url: 'Default2.aspx/InsertMethod',
                    data: "{'username':'" + document.getElementById('txtusername').value + "','password':'" + document.getElementById("txtpassword").value + "'}",
                    async: false,
                    success: function (response) {
                        $('#txtusername').val('');
                        $('#txtpassword').val('');
                        alert("record has been saved in database");

                    },
                    error: function () {
                    console.log('there is some error');
                    }

                });

            });

        });

Я создаю веб-метод в коде С#, где я пишу код для сохранения данных на сервере sql и вызывая этот веб-метод в jquery. Но этот код не работает. Вот мой код на С#

 [WebMethod]
    public static string InsertMethod(string username, string password)
    {
        SqlConnection con = new SqlConnection();
        con.ConnectionString = ConfigurationManager.ConnectionStrings["con"].ConnectionString;
        con.Open();
        SqlCommand cmd = new SqlCommand("insert jquerydata values('" + username + "','" + password + "'", con);
        cmd.CommandType = CommandType.Text;
        cmd.ExecuteNonQuery();
        cmd.Dispose();
        con.Close();
        return "true";

    }

Скажите, пожалуйста, как я могу это сделать.

mani rajput 23 окт. 2013, в 15:37

Источник

1

Я думаю, ваш код тихо хорошо .. вы получаете какие-либо ошибки в консоли JavaScript?
Dhaval 23 окт. 2013, в 12:49
0

jQuery на стороне клиента, $.ajax() просто передает значения на страницу, не имеет значения, какой язык получает эти значения. Ваша ошибка, вероятно, на стороне сервера.
Claudio Holanda 23 окт. 2013, в 12:49
0

Когда вы выполняете этот код, что происходит? Можете ли вы опубликовать ошибку, которую вы получаете из консоли javascript? Также jQuery и ASP.NET - это разные технологии. ASP.NET - это серверная структура для обработки HTTP, рендеринга веб-страниц и т. Д. JQuery - это библиотека сценариев на стороне клиента (браузера).
Polaris878 23 окт. 2013, в 12:49
1

Что вы подразумеваете под «не работает»? Ничего не произошло? У вас есть какие-либо ошибки в консоли? Попробуйте установить точку останова в вашем методе, чтобы увидеть, вызывается ли он.
ChruS 23 окт. 2013, в 12:50
0

Отредактируйте свой вопрос, включив в него исходный код URL-адреса Default2.aspx / InsertMethod, который вы вызываете.
Tim S 23 окт. 2013, в 12:51
1

@Polaris878 Polaris878 вижу, я совершенно новый в jqeury, я ничего не знаю об этом, пожалуйста, скажите мне, как увидеть ошибку и что я должен
mani rajput 23 окт. 2013, в 12:53
0

@Liam Лиам, пожалуйста, скажи мне, как это правильно сделать, поэтому я новичок в jquery
mani rajput 23 окт. 2013, в 12:53
0

@TimS проверь сейчас
mani rajput 23 окт. 2013, в 12:55
0

Вы пропали ) в вашей команде SQL как я вижу.
ChruS 23 окт. 2013, в 12:57
1

Оказывается, вы можете сделать, что этот вопрос включает в себя статью и некоторые примеры.
Liam 23 окт. 2013, в 12:58
0

Кстати, конкатенация SQL подобным образом - это риск атаки SQL-инъекцией. Используйте хранимую процедуру или, по крайней мере, параметризованный запрос. Кроме того, комментарий @Liam's Liam должен быть вашим ответом.
Tim S 23 окт. 2013, в 13:02
0

@ChruS ChruS нет там проверочный код есть sqlcommand
mani rajput 23 окт. 2013, в 13:02
0

@TimS я знаю это, но это просто для практики, а не для живого проекта, я сделаю это с помощью процедур на живом проекте
mani rajput 23 окт. 2013, в 13:03
0

Нет, @ChruS прав. Вам не хватает а ) в вашем SQL. Должно быть: SqlCommand cmd = new SqlCommand("insert jquerydata values('" + username + "','" + password + "')", con);
Tim S 23 окт. 2013, в 13:06
0

@TimS проверить строку номер 7 есть команда sql в коде c #
mani rajput 23 окт. 2013, в 13:09
0

@manirajput Конечно, если вы используете Chrome (возможно, самый простой для начала), откройте свою страницу и нажмите CTRL + SHIFT + I Это откроет инструменты Chrome для разработчиков, такие как консоль JavaScript. Затем нажмите на кнопку, которая выполняет код jQuery. На вкладке «Консоль» в инструментах разработчика вы должны увидеть ошибку (если она есть). Затем вы можете нажать на ошибку, и она покажет вам, где находится ошибка в вашем коде.
Polaris878 23 окт. 2013, в 13:15
1

Я проверил строку № 7. И я сказал вам, что в этой строке есть ошибка, и предоставил вам исправление. Время проверить свой код сейчас.
Tim S 23 окт. 2013, в 13:17
0

@Polaris878 Polaris878 Ок, я сделал это, он показывает мне сообщение, что есть какая-то ошибка ... это сообщение, которое я определяю в функции ошибки ... каково ее значение?
mani rajput 23 окт. 2013, в 13:19

Показать ещё 16 комментариев

Теги:

sql-server

jquery

asp.net

3 ответа

Ещё вопросы

Я думаю, ваш код тихо хорошо .. вы получаете какие-либо ошибки в консоли JavaScript?
jQuery на стороне клиента, $.ajax() просто передает значения на страницу, не имеет значения, какой язык получает эти значения. Ваша ошибка, вероятно, на стороне сервера.
Когда вы выполняете этот код, что происходит? Можете ли вы опубликовать ошибку, которую вы получаете из консоли javascript? Также jQuery и ASP.NET - это разные технологии. ASP.NET - это серверная структура для обработки HTTP, рендеринга веб-страниц и т. Д. JQuery - это библиотека сценариев на стороне клиента (браузера).
Что вы подразумеваете под «не работает»? Ничего не произошло? У вас есть какие-либо ошибки в консоли? Попробуйте установить точку останова в вашем методе, чтобы увидеть, вызывается ли он.
Отредактируйте свой вопрос, включив в него исходный код URL-адреса Default2.aspx / InsertMethod, который вы вызываете.
@Polaris878 Polaris878 вижу, я совершенно новый в jqeury, я ничего не знаю об этом, пожалуйста, скажите мне, как увидеть ошибку и что я должен
@Liam Лиам, пожалуйста, скажи мне, как это правильно сделать, поэтому я новичок в jquery
Вы пропали ) в вашей команде SQL как я вижу.
Оказывается, вы можете сделать, что этот вопрос включает в себя статью и некоторые примеры.
Кстати, конкатенация SQL подобным образом - это риск атаки SQL-инъекцией. Используйте хранимую процедуру или, по крайней мере, параметризованный запрос. Кроме того, комментарий @Liam's Liam должен быть вашим ответом.
@ChruS ChruS нет там проверочный код есть sqlcommand
@TimS я знаю это, но это просто для практики, а не для живого проекта, я сделаю это с помощью процедур на живом проекте
Нет, @ChruS прав. Вам не хватает а ) в вашем SQL. Должно быть: SqlCommand cmd = new SqlCommand("insert jquerydata values('" + username + "','" + password + "')", con);
@TimS проверить строку номер 7 есть команда sql в коде c #
@manirajput Конечно, если вы используете Chrome (возможно, самый простой для начала), откройте свою страницу и нажмите CTRL + SHIFT + I Это откроет инструменты Chrome для разработчиков, такие как консоль JavaScript. Затем нажмите на кнопку, которая выполняет код jQuery. На вкладке «Консоль» в инструментах разработчика вы должны увидеть ошибку (если она есть). Затем вы можете нажать на ошибку, и она покажет вам, где находится ошибка в вашем коде.
Я проверил строку № 7. И я сказал вам, что в этой строке есть ошибка, и предоставил вам исправление. Время проверить свой код сейчас.
@Polaris878 Polaris878 Ок, я сделал это, он показывает мне сообщение, что есть какая-то ошибка ... это сообщение, которое я определяю в функции ошибки ... каково ее значение?

RiyajKhan · Answer 1 · 2018-02-25T06-10-00.000Z

Write Static method in C# i.e. in aspx.cs page to insert data

[WebMethod]
    public static void AddRecord(string username, string password)
    {
        //SIMPLE SQL QUERY INSERT INTO
        {
            using(var con = new SqlConnection(ConfigurationManager.ConnectionStrings["con"].ConnectionString))
            using (var cmd = con.CreateCommand())
            {
                cmd.CommandText = "INSERT INTO jquerydata(username, password) VALUES(@username, @password)";
                cmd.CommandType = System.Data.CommandType.Text;
                cmd.Parameters.AddWithValue("@username", username);
                cmd.Parameters.AddWithValue("@password", password);
                con.Open();
                cmd.ExecuteNonQuery();
                con.Close();
            }
            return "true";
        }
        }
    }



create a html to accept two fields and insert data on click of button

<script src="3.2.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">

    $(document).ready(function () {

        $("#Button1").on('click', function (e) {


            var userDetails = {
            username:$('#txtusername').val(),
            password: $('#txtpassword').val()
            };

            $.ajax({
                type: "POST",
                url: "pagename.aspx/AddRecord",
                data: JSON.stringify(userDetails),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: OnSuccess,
                error: OnErrorCall
            });

            function OnSuccess(response) {
                var result = response.d;
                if (result == "success") {
                    $("#msg").html("New record addded successfully  :)").css("color", "green");
                }

            }

            function OnErrorCall(response) {
                $("#msg").html("Error occurs  :(").css("color", "red");
            }

        });

    });

</script>



<form id="form1">
    <div id="Tree">
       <input type="text" id="txtusername" placeholder="username" />
    <input type="password" id="txtpassword" placeholder="password" />
    <input type="button" id="Button1" value="OK" />
    </div>
</form>

Tim S · Answer 2 · 2013-10-23T13-35-00.000Z

Я тестировал это, и он работает:

Default2.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default2.aspx.cs" Inherits="SO19542105.Default2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>SO19542105: how to save data in database using jquery</title>
    <script type="text/javascript" src="Scripts/jquery-1.8.2.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#Button1").click(function () {
                $.ajax({
                    type: "POST",
                    contentType: "application/json;charset=utf-8",
                    url: "Default2.aspx/InsertMethod",
                    data: "{'username':'" + $("#txtusername").val() + "', 'password':'" + $("#txtpassword").val() + "'}",
                    async: false,
                    success: function (response) {
                        $("#txtusername").val("");
                        $("#txtpassword").val("");
                        alert("record has been saved in database");
                    },
                    error: function () {
                        console.log("there is some error");
                    }
                });
            });
        });
    </script>
</head>
<body>
    <input type="text" id="txtusername" placeholder="username" />
    <input type="password" id="txtpassword" placeholder="password" />
    <input type="button" id="Button1" value="OK" />
</body>
</html>

Default2.aspx.cs

using System;
using System.Configuration;
using System.Data.SqlClient;
using System.Web.Services;

namespace SO19542105
{
    public partial class Default2 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        [WebMethod]
        public static string InsertMethod(string username, string password)
        {
            using(var con = new SqlConnection(ConfigurationManager.ConnectionStrings["con"].ConnectionString))
            using (var cmd = con.CreateCommand())
            {
                cmd.CommandText = "INSERT INTO jquerydata(username, password) VALUES(@username, @password)";
                cmd.CommandType = System.Data.CommandType.Text;
                cmd.Parameters.AddWithValue("@username", username);
                cmd.Parameters.AddWithValue("@password", password);
                con.Open();
                cmd.ExecuteNonQuery();
                con.Close();
            }
            return "true";
        }
    }
}

Я пытаюсь это, но это дает мне эту ошибку в консоли HTTP / 1.1 500 Internal Server Error
Вы вообще отлаживали код, чтобы увидеть, какую именно ошибку вы получаете? Может быть так же просто, как плохая строка подключения.

Girish Sakhare · Answer 3 · 2013-10-23T11-18-00.000Z

Кажется, ваш JQuery в порядке. Просто убедитесь, что ваш метод вызывается. Вы можете добавить точку останова и отладить ваш метод С#.

В коде С#

SqlCommand cmd = new SqlCommand("insert jquerydata values('" + username + "','" + password + "'", con);

Наверное, вам не хватает ключевого слова "в".

Вы также можете отлаживать свой jquery с помощью ключевого слова "отладчик" и убедиться, что вы отключили опцию отключения отладки сценария в IE--> Интернет Options--> Предварительный просмотр → в режиме просмотра.