در این مقاله من یک مرور سریع بر روی وارد کردن داده در 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 بالا که شبیه تصویر زیر است اجرا میشود :
صفحه ی ASPX
بر روی پروژه تان راست کلیک کنید و گزینه ی add new item را انتخاب کنید و سپس گزینه ی New Page و نام default.aspx را برای آن انتخاب کنید و کنترل زیر را به آن اضافه کنید :
حال بر روی 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>
<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";
}
}
}
}
اکنون برنامه را اجرا کنید :
سپس نام و ایمیل را در قسمت های مربوطه وارد کنید :
حال بر روی دکمه ی کنترل کلیک کنید :
حال دیتابیس SQL Server خود را باز کنید و آن را چک کنید :
امیدوارم از خواندن این مقاله لذت برده باشید.
نظرات و پیشنهادات خود را با من در میان بگذارید.
موفق باشید.
هیچ دیدگاهی نوشته نشده است.