cshtmlで入力した値を、C#側のプログラムを使ってOracleのテーブルにINSERTしたいです。

プログラミング初心者です。初投稿です。
MVCを使って開発しています。
テキストボックスに入力した値を基にして、OracleのテーブルにINSERTしたいです。

ajaxを使いデータをコントローラ(C#)のプログラムに送信し、データを受け取った後
そのデータを基に変数に当てはめて、INSERT文を作りたいのですが、どうすればいいのかわかりません。

該当のソースコード

cshtml
1    <input type="button" value="登録" onclick="disp_touroku()" />
2    <script type="text/javascript">
3        //登録ボタンを押した時に実行
4        function disp_touroku() {
5            if (window.confirm('入力した内容を登録します。よろしいですか？')) {
6
7                //入力画面で入力したデータを変数に入れる
8                var getData =
9                    {
10                      'no': $('#no').val(),
11　　　　　　　        　'project': $('#project').val()
12                     };
13
14               var data = {};
15
16                //ajax文でDefaultControllerのメソッドHogeにデータを渡す
17                $.ajax({
18                    type: "POST",
19                    url: "/Default/Hoge",
20                    data: "getData=" + getData,
21                    dataType: 'json',
22                    async: false,
23                    success: function (ret) {
24                        data = ret.Data;
25                    },
26                    error: function (e) {
27                    }
28                });

C#
1public JsonResult Hoge(string getData)
2        {
3            string no = "";
4            string project = "";
5
6            var db = ConfigurationManager.ConnectionStrings["etest"].ConnectionString;
7            string sql = "INSERT INTO SAGYOU (NO,PROJECT) VALUES ("
8                + "'" + no      + "',"
9                + "'" + project + "',"
10                + ")";
11
12            //Oracleへのコネクションの確立
13            using (OracleConnection cnn = new OracleConnection(db))
14            {
15                cnn.Open();
16                OracleTransaction txn = cnn.BeginTransaction();
17            //SQLの実行
18                OracleCommand myCmd = new OracleCommand(sql, cnn);
19                myCmd.ExecuteNonQuery();
20                txn.Commit();
21                cnn.Close();
22                cnn.Dispose();
23                return new JsonResult();              
24            }
25        }

送るデータが複数ある場合、どう変数に割り振ればいいのかが分かりません。
ご回答よろしくお願いします。

退会済みユーザー

2018/11/18 11:23

ASP.NET のタグを付けてください。

退会済みユーザー

2018/11/18 23:19

iQuery ajax を使って ASP.NET MVC のアクションメソッドに no と project を渡すところだけ分かればいいのですよね？ Web API ではなくて、MVC ということでいいのですよね？確認させてください。

piropiropiro

2018/11/19 00:26

MVCです。noとprojectをC#側に渡して、そのもらった値をstring sqlにどうにかして組み込みたいっていう意味です。

退会済みユーザー

2018/11/19 01:09

質問のコードにあったような iQuery ajax を使ってデータを送信するのは MUST ですか？　そんな必要はなくて、普通に POST すべきだと思うのですが？

piropiropiro

2018/11/19 01:29

絶対ajaxでなければというわけではないです。POSTというのは、HttpPostという意味ですか？

退会済みユーザー

2018/11/19 01:35

> POSTというのは、HttpPostという意味ですか？ ← そうです。普通にスキャフォールディング機能を使って作るとそのようになります。

piropiropiro

2018/11/19 01:41

なるほど。HttpPostのコードを調べてみると確かにできそうな感じでした。では、HttpPostを使ってやってみます。ありがとうございます

退会済みユーザー

2018/11/19 01:46

> では、HttpPostを使ってやってみます。ありがとうございます　← この先は自分でできるので回答は不要と言う意味ですか？

piropiropiro

2018/11/19 01:54

回答いただく前に自分でもやってみますという意味でした。回答いただけるのであればほしいです。

行動規範の内容に同意します

回答1件

ベストアンサー

Oracle で Visual Studio のウィザードが SQL Server（LocalDB 含む）と同様に完全に動くのであれば、以下の記事にあるようにスキャフォールディング機能を利用するのが良いと思います。

スキャフォールディング機能
http://surferonwww.info/BlogEngine/post/2017/07/23/creating-controller-and-view-in-mvc-using-scaffolding-function.aspx

既存のデータベースから Entity Data Model (EDM) を作り、スキャフォールディング機能を使って Create, Read, Update, Delete (CRUD) 操作を行うための Model, View, Controller が自力で一行もコードを書かなくても自動生成されます。

Oracle では無理ということであれば、たぶん LocalDB が Visual Studio と一緒に開発マシンにインストールされていると思いますので、それを使ってやってみることをお勧めします。

そのコードを見れば方向が見えてくると思います。

もし、そこまでやる時間が無くて、今の質問の INSERT する部分だけで良いから方法を知りたいということでしたら、その旨連絡ください。

【追伸】

聞くのを忘れてましたが、CORE ではないですよね？　上に紹介した記事は .NET Framework ベースです。CORE の場合はかなり違ってくると思います（試したことがないので分かりません）。

【追伸２】

下のコメント欄の 2018/11/19 12:40 のコメントで「別途回答欄に追記しておきます。」と書きましたが、それを以下に追記します。

今の質問の INSERT する部分のみです。Visual Studio の MVC テンプレートで自動生成されるプロジェクトを使用するのが前提です。

(1) Model

Models フォルダにモデルを追加してください。no が int 型、project が string 型とすると以下のような感じです。クラス名は任意ですが、それが Controller / View で使用するモデル名になりますので、それを考えて命名してください。

Display, Required, StringLength 等のデータアノテーション属性は無くても動きますが、ユーザー入力の検証のためには必須なので、とりあえずこの通り付与しておいてください。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.ComponentModel.DataAnnotations;

namespace Mvc5App.Models
{
    public class TestViewModel
    {
        [Display(Name = "番号")]
        [Required(ErrorMessage = "{0} は必須")]
        public int No { set; get; }

        [Display(Name = "プロジェクト名")]
        [Required(ErrorMessage = "{0} は必須")]
        [StringLength(10, ErrorMessage = "{0} は {1} 文字以内")]
        public string Project { set; get; }
    }
}

(2) Controller / Action Method

普通はソリューションエクスプローラーで Controllers フォルダを右クリックしてスキャフォールディング機能を利用して作るのですが、今回は簡略化して既存の HomeController.cs に Create アクションメソッドを追加します。

以下のような感じです。コメントの「// INSERT 処理」の部分に Oracle にデータを INSERT するコードを入れてください。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.ComponentModel.DataAnnotations;
using Mvc5App.Models;

namespace Mvc5App.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }

        // ・・・中略・・・

        public ActionResult Create()
        {
            return View();
        }

        [HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult Create([Bind(Include = "No, Project")] TestViewModel model)
        {
            if (ModelState.IsValid)
            {
                // INSERT 処理
                return RedirectToAction("Index");
            }

            return View(model);
        }

    }
}

(3) View

Visual Studio で、上の Controller のコードのアクションメソッドを右クリックして表示されるメニューに従って View を自動生成させます。Template と Model Class の設定に注意してください。

［Add］ボタンをクリックすると以下の View のコードが自動生成されます。

@model Mvc5App.Models.TestViewModel

@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Create</h2>


@using (Html.BeginForm()) 
{
    @Html.AntiForgeryToken()
    
    <div class="form-horizontal">
        <h4>TestViewModel</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.No, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.No, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.No, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Project, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Project, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Project, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

(4) 実行結果

実行するとブラウザには以下のように表示されるはずです。