前台post通过web api向数据库中添加数据

最新推荐文章于 2024-06-02 21:15:01 发布

Bill11YAng

最新推荐文章于 2024-06-02 21:15:01 发布

阅读量5.9k

点赞数

分类专栏： C#

本文链接：https://blog.csdn.net/softuse/article/details/51658077

版权

C# 专栏收录该内容

111 篇文章 0 订阅

订阅专栏

<pre name="code" class="csharp">这是后台代码，利用ORM <pre name="code" class="csharp">using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using NPoco;
namespace WebApi4._0练习.Models
{
    [TableName("webApiTest")]
    [PrimaryKey("Id")]
    public class UserModels
    {
        //属性
        public string ModeKey { get; set; }

        public string ModeValue { get; set; }
    }
}

 public ApiResult PostAdd([FromBody] UserModels user)
        {
            try
            {
                using( IDatabase db = new Database("connStringName"))
                {
                  //UserModels u = new UserModels()
                  //{
                  // ModeKey = "name@domain.com",
                  // ModeValue = "j"
                  //};
                 //var ModeKey=Request.Form["ModeKey"];
               db.Insert(user);
               }
            }
           catch(Exception ex)
            {
                //Console.WriteLine(ex.Message);
            }
            finally
            {
                
            }

            return new ApiResult { IsSucceed = true, ReturnValue = "1" };
        }


 <!-- 提交数据到后台,利用局部刷新的ajax -->
        <form>
            ModeKey  :
            &nbsp;&nbsp;<input type="text" name="ModeKey" id="modeKey" />
            <br /><br />
            ModeValue:
            <input type="text" name="ModeValue" id="modeValue"/>
            <br /><br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" value="添加" name="add" id="btnAdd23" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="button" value="登录" name="login" id="btnLogin"/>
           
         </form>
        

      
       
    </div>
    <script>


    $('#btnAdd23').bind('click', function () {
        alert("MM");
        //创建ajax请求，将数据发送到后台处理
        // var postData = {
        //  ModeKey: '001',
        //  ModeValue: 'QeeFee'
        //};

        //这个地方的写法要注意它的参数顺序和标点的准确性,否则不执行
        $.post(
        'api/User/PostAdd',
        //postData,将这个数据post到后台
        {
            ModeKey: $("#modeKey").val(),
            ModeValue: $("#modeValue").val()
        },
        function (data, textStatus) {
            //alert(data);
            // console.log(data);

            alert("OK");
        },
        'json')
    });
    </script>