How to make a Web API Post Method trigger in a Html Form submit?

Question

Currently I have a Web API Controller with a Post Method [form body] which does a post using PostMan to the Database.

Now the only thing I want to do is have that post method in the Web API work when a Html form='post' is submitted then let it post to the database. But How to make this happen?

Answer 1

Hey Everyone I was able to answer my own question, just for future viewers here's what I did

Html form with ajax:

<form method="post" action="Api/Values/Complex" enctype="application/x-www-form-urlencoded">
        <select id="thisSelect">
            <option value="sp18br"> sp18br</option>
            <option value="sp18cl"> sp18cl</option>
        </select>
        <br />
        <br />
        <input type="submit" value="submit" />




    </form>

    <script>
        $("form").on("submit", function () {
            var post = $.post("api/values/complex", { "": $("#thisSelect").val() });
            return false;
        });
    </script>

ValuesController.cs:

  [HttpPost]
        [ActionName("Complex")]
        public HttpResponseMessage Post([FromBody]string value)
        {
            if (value == "sp18br")
            {
                string cadena = "Provider = Microsoft.Jet.OLEDB.4.0; Data Source = C:\\Users\\azib\\Desktop\\dfb; Extended Properties = dBASE IV; User ID = Admin; Password =";
                string select = "Select * from sp18br ";
                DataSet myDataSet = new DataSet();
                OleDbConnection con = new OleDbConnection(cadena);
                OleDbCommand myAccessCommand = new OleDbCommand(select, con);
                OleDbDataAdapter myDataAdapter = new OleDbDataAdapter(myAccessCommand);
                con.Open();


                DataTable dt = new DataTable();
                myDataAdapter.Fill(dt);
                con.Close();


                string cs = ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString;
                using (SqlConnection con1 = new SqlConnection(cs))
                {
                    con1.Open();

                    foreach (DataRow dr1 in dt.Rows)
                    {

                        SqlCommand cmd = new SqlCommand("sp_InsertLeafPickup", con1);
                        cmd.CommandType = CommandType.StoredProcedure;

                        //Insert stored procedure

                        cmd.Parameters.AddWithValue("@Address", dr1["PCOMBINED"]);
                        //cmd.Parameters.AddWithValue("@SeasonType", dr1["PSSSTREET"]);
                        cmd.Parameters.AddWithValue("@NextPickupdate", dr1["ZST"]);

                        cmd.ExecuteNonQuery();

                    }
                    con.Close();
                    con1.Close();
                }
                return Request.CreateResponse(HttpStatusCode.OK, "Ok");
            }
            if (value == "sp18cl")
            {

                string cadena1 = "Provider = Microsoft.Jet.OLEDB.4.0; Data Source = C:\\Users\\azib\\Desktop\\dfb; Extended Properties = dBASE IV; User ID = Admin; Password =";
                string select1 = "Select * from sp18cl ";
                DataSet myDataSet1 = new DataSet();
                OleDbConnection con2 = new OleDbConnection(cadena1);
                OleDbCommand myAccessCommand1 = new OleDbCommand(select1, con2);
                OleDbDataAdapter myDataAdapter1 = new OleDbDataAdapter(myAccessCommand1);
                con2.Open();


                DataTable dt1 = new DataTable();
                myDataAdapter1.Fill(dt1);
                con2.Close();


                string cs1 = ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString;
                using (SqlConnection con3 = new SqlConnection(cs1))
                {
                    con3.Open();

                    foreach (DataRow dr1 in dt1.Rows)
                    {

                        SqlCommand cmd = new SqlCommand("sp_InsertLeafPickup", con3);
                        cmd.CommandType = CommandType.StoredProcedure;

                        //Insert stored procedure

                        cmd.Parameters.AddWithValue("@Address", dr1["PCOMBINED"]);
                        //  cmd.Parameters.AddWithValue("@SeasonType", dr1["PSSSTREET"]);
                        cmd.Parameters.AddWithValue("@NextPickupdate", dr1["ZST"]);

                        cmd.ExecuteNonQuery();

                    }
                    con2.Close();
                    con3.Close();
                }


            }
            return Request.CreateResponse(HttpStatusCode.OK, "Ok");
        }