ورود / ثبت نام
0
0

وارد کردن داده در SQL Server با استفاده از jQuery در ASP.NET

534 بازدید
jQuery

jQuery

در این مقاله من یک مرور سریع بر روی وارد کردن داده در SQL Server با استفاده از jQuery ارائه خواهم کرد. میتوانید این کار را به روش های متعددی همانند استفاده از Generic Handlers و استفاده از یک WCF Service انجام داد. در اینجا میتوانید روش استفاده از jQuery با Ajax در ASP.NET را ببینید. ابتدا یک جدول دیتابیس با نام TestTable ایجاد کنید.

ایجاد جدول دیتابیس SQL

این دیتابیس شامل یک جدول به نام Test خواهد بود :

CREATE TABLE [dbo].[TestTable](
      [Name] [varchar](50) NULL,
      [Email] [varchar](100) NULL
)

 

حال با فشردن دکمه ی F5 ، Script بالا که شبیه تصویر زیر است اجرا میشود :

jQuery

صفحه ی ASPX

بر روی پروژه تان راست کلیک کنید و گزینه ی add new item را انتخاب کنید و سپس گزینه ی New Page و نام default.aspx را برای آن انتخاب کنید و کنترل زیر را به آن اضافه کنید :

jQuery

حال بر روی tab سورس کلیک کنید و کد زیر را به آن اضافه کنید :

کد های Jquery

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>AutoComplete Box with jQuery</title>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css"
        rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script>
       <script type="text/javascript">
        $(document).ready(function () {
            $('#Button1').click(function () {
                $.ajax({
                    type: 'POST',
                    contentType: "application/json; charset=utf-8",
                    url: 'Default.aspx/InsertMethod',
                    data: "{'Name':'" + document.getElementById('txtUserName').value + "', 'Email':'" + document.getElementById('txtEmail').value + "'}",
                    async: false,
                    success: function (response) {                       
           $('#txtUserName').val('');
           $('#txtEmail').val('');
                        alert("Record Has been Saved in Database");
                    },
                    error: function ()
                    { console.log('there is some error'); }
                });
            });
        });       
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div class="demo">
        <div class="ui-widget">
            <label for="tbAuto">
                Enter UserName:
            </label>
&nbsp;<asp:TextBox ID="txtUserName" runat="server" ClientIDMode="Static" Width="202px"></asp:TextBox>
            <br />
            <br />
            Email: <asp:TextBox ID="txtEmail" runat="server" ClientIDMode="Static" Width="210px"></asp:TextBox>
            <br />
            <br />           
            <asp:Button ID="Button1" runat="server" Text="Button" ClientIDMode="Static" />
        </div>
    </div>
    </form>
</body>
</html>

 

حال بر روی default دوبار کلیک کنید و کد فایل CS زیر را وارد کنید :

using System;
using System.Collections.Generic;
using System.Data.SqlClient;
using System.Web.Services;
using System.Web;
using System.Data;
 
public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {      
    }
       
    [WebMethod]
    public static string InsertMethod(string Name, string Email)  
    {       
        SqlConnection con = new SqlConnection("Data Source=.;Initial Catalog=TestDB;User ID=sa;Password=Micr0s0ft");
        {
            SqlCommand cmd = new SqlCommand("Insert into TestTable values('" + Name + "', '" + Email + "')", con);
            {
                con.Open();
                cmd.ExecuteNonQuery();
                return "True";
            }
        }
    }
}

 

اکنون برنامه را اجرا کنید :

jQuery

سپس نام و ایمیل را در قسمت های مربوطه وارد کنید :

jQuery

حال بر روی دکمه ی کنترل کلیک کنید :

jQuery

حال دیتابیس SQL Server خود را باز کنید و آن را چک کنید :

jQuery

امیدوارم از خواندن این مقاله لذت برده باشید.
نظرات و پیشنهادات خود را با من در میان بگذارید.

موفق باشید.

  • پسورد: www.mspsoft.com
آیا این مطلب را می پسندید؟
https://www.mspsoft.com/?p=14898
اشتراک گذاری:
واتساپتوییترفیسبوکپینترستلینکدین
داریوش فرخی
داریوش فرخی هستم از سال 92 شروع به یادگیری برنامه نویسی و از سال 93 در بخش برنامه نویسی و تولید محتوای سایت mspsoft.com مشغول هستم. فعالیتم نیز بیشتر در زمینه های برنامه نویسی با سی شارپ و asp.net بوده است. اوقات فراغتم را هم غالبا با تماشای فیلم یا بازی های کامپیوتری پر میکنم .
مطالب بیشتر
برچسب ها:

نظرات

0 نظر در مورد وارد کردن داده در SQL Server با استفاده از jQuery در ASP.NET

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

هیچ دیدگاهی نوشته نشده است.