将Ajax的值传递给ASP.NET中的代码

nemo_87

我正在尝试使用Ajax将一组值传递给代码隐藏方法,并将传递的数据插入数据库表中。但是我得到的只是用于字符串变量的空字符串和用于int变量的0。

我猜我的Ajax代码无法正常工作,但是由于我是一个新手,所以任何人都可以看到我在做错什么,以及为什么我不能将值从文本框传递给C#方法。

这是一个HTML代码:

<div class="new-member-wrap">
    <div id="new-member" class="new-member-inner">
        <h2>Create new team member</h2>
        <ul class="form">
            <li>
               <label>Name:</label>
               <input type="text" class="in-text" />
            </li>
             <li>
                <label>Hours per week:</label>
                <input type="text" class="in-text" />
             </li>
              <li>
                 <label>Username:</label>
                 <input type="text" class="in-text" />
              </li>
               <li>
                  <label>Email:</label>
                  <input type="text" class="in-text" />
               </li>
                <li class="inline">
                   <label>Status:</label>
                   <span class="radio">
                     <label for="inactive">Inactive:</label>
                     <input type="radio" value="1" name="status" id="inactive" />
                   </span>
                   <span class="radio">
                       <label for="active">Active:</label>
                       <input type="radio" value="2" name="status" id="active" />
                   </span>
                </li>
                <li class="inline">
                   <label>Role:</label>
                      <span class="radio">
                          <label for="admin">Admin:</label>
                           <input type="radio" value="1" name="status" id="admin" />
                                </span>
                                <span class="radio">
                                    <label for="worker">Worker:</label>
                                    <input type="radio" value="2" name="status" id="worker" />
                                </span>
                            </li>
                        </ul>
                        <div class="buttons">
                            <div class="inner">
                                <a href="javascript:;" class="btn green" id="saveMember">Invite team member</a>
                            </div>
                        </div>
                    </div>
                </div>

这是我的JS代码:

<script type="text/javascript">
        $(function () {
            $('#saveMember').click(function () {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "team-members.aspx/InsertMember",
                    dataType: "json",
                    data: "{'Name':'" + $('#name').val() + "','UserName':'" + $('#username').val() + "','HoursPerWeek':'" + $('#hours').val() + "','Email':'" + $('#email').val() + "'}",
                    success: OnSuccess,
                    error: ErrorFound
                });
            });
            function OnSuccess(data) {
                var obj = data.d;
                if (obj == 'true') {
                    $('#name').val('');
                    $('#username').val('');
                    $('#hours').val('');
                    $('#email').val('');
                };
            }
            function ErrorFound(result) {
                alert(result);
            }
        });
    </script>

这是代码隐藏的:

        [WebMethod]
        [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
        public static string InsertMember(string Name, string UserName, string HoursPerWeek, string Email)
        {
            string retMessage = string.Empty;
            string ConnectionString = "Data Source=PRACTICE-001;Initial Catalog=n.mosorinski;User ID=n.mosorinski;Password=n.mosorinski;MultipleActiveResultSets=True;Application Name=EntityFramework";
            using (SqlConnection con = new SqlConnection(ConnectionString))
            {
                string Query = "insert into TeamMember(Name, UserName, HoursPerWeek, Email) values(@Name,@UserName,@HoursPerWeek,@Email)";
                using (SqlCommand cmd = new SqlCommand(Query, con))
                {
                    con.Open();
                    cmd.Parameters.Add("@Name", Name);
                    cmd.Parameters.Add("@UserName", UserName);
                    cmd.Parameters.Add("@HoursPerWeek", HoursPerWeek);
                    cmd.Parameters.Add("@Email", Email);

                    int AffectedRow = cmd.ExecuteNonQuery();
                    if (AffectedRow == 1)
                    {
                        retMessage = "true";
                    }
                    else
                    {
                        retMessage = "false";
                    }
                }
                return retMessage;
            }
        }

所以问题是我得到了空字符串和0(代表HoursPerWeek),而不是文本框中的值。

大卫·奥

在您的HTML代码中添加ID:

<li>
    <label>Name:</label>
    <input id="name" type="text" class="in-text" />
</li>
<li>
     <label>Hours per week:</label>
     <input id="hours" type="text" class="in-text" />
</li>
<li>
      <label>Username:</label>
      <input id="username" type="text" class="in-text" />
</li>
<li>
    <label>Email:</label>
    <input id="email" type="text" class="in-text" />
 </li>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将JavaScript值传递给ASP.NET Core Controller

来自分类Dev

使用ajax将DropDrownList中的值传递给Controller

来自分类Dev

将CheckBox的值传递给ASP.NET MVC4中的控制器操作

来自分类Dev

如何将值传递给asp.net中的dropdownlist?

来自分类Dev

将动态值传递给ASP.NET MVC 5中的Url.Action

来自分类Dev

如何通过使用Ajax将值(不是表单值)传递给Struts 1.3中的操作

来自分类Dev

如何在Asp.net中将值从表传递给ajax函数

来自分类Dev

jQuery DataTable将参数传递给ajax调用asp.net。无效的JSON原语

来自分类Dev

ASP.NET MVC通过ajax调用将double传递给动作(我收到的是null)

来自分类Dev

ASP.NET MVC使用Ajax将整个模型传递给控制器

来自分类Dev

如何使用 Jquery 和 ajax 将 id 传递给 MVC 控制器 [ASP.NET]

来自分类Dev

将参数传递给Ajax中的函数

来自分类Dev

将参数传递给Ajax中的函数

来自分类Dev

ASP.NET MVC-将模型值传递给数据注释参数

来自分类Dev

如何将ng-bind值传递给asp.net核心视图中的变量?

来自分类Dev

ASP.NET MVC控制器未使用ModelView将正确的值传递给PartialView

来自分类Dev

ASP.NET MVC-将模型值传递给数据注释参数

来自分类Dev

ASP.Net将文本字段值传递给其他网页上的标签

来自分类Dev

如何将数组值传递给ASP.NET C#Web服务

来自分类Dev

ASP.NET Dropdown将空值传递给控制器操作

来自分类Dev

将逗号分隔值传递给 ASP.NET MVC 操作方法

来自分类Dev

将值传递给脚本中的参数

来自分类Dev

将值传递给jQuery中的函数

来自分类Dev

如何将多个选定的Datagrid值传递给asp.net中的另一个页面?

来自分类Dev

Asp.Net如何将多个值传递给在查询中与'IN'子句一起使用的参数

来自分类Dev

将动态生成的文本框值传递给ASP.NET MVC中的控制器

来自分类Dev

Ajax代码,用于将多个复选框值存储到数组并传递给控制器

来自分类Dev

从ASP代码后面将参数传递给Javascript函数

来自分类Dev

在 ASP.NET MVC5 中使用 Ajax 将 Fancytree SelectedNodes 传递给控制器

Related 相关文章

  1. 1

    将JavaScript值传递给ASP.NET Core Controller

  2. 2

    使用ajax将DropDrownList中的值传递给Controller

  3. 3

    将CheckBox的值传递给ASP.NET MVC4中的控制器操作

  4. 4

    如何将值传递给asp.net中的dropdownlist?

  5. 5

    将动态值传递给ASP.NET MVC 5中的Url.Action

  6. 6

    如何通过使用Ajax将值(不是表单值)传递给Struts 1.3中的操作

  7. 7

    如何在Asp.net中将值从表传递给ajax函数

  8. 8

    jQuery DataTable将参数传递给ajax调用asp.net。无效的JSON原语

  9. 9

    ASP.NET MVC通过ajax调用将double传递给动作(我收到的是null)

  10. 10

    ASP.NET MVC使用Ajax将整个模型传递给控制器

  11. 11

    如何使用 Jquery 和 ajax 将 id 传递给 MVC 控制器 [ASP.NET]

  12. 12

    将参数传递给Ajax中的函数

  13. 13

    将参数传递给Ajax中的函数

  14. 14

    ASP.NET MVC-将模型值传递给数据注释参数

  15. 15

    如何将ng-bind值传递给asp.net核心视图中的变量?

  16. 16

    ASP.NET MVC控制器未使用ModelView将正确的值传递给PartialView

  17. 17

    ASP.NET MVC-将模型值传递给数据注释参数

  18. 18

    ASP.Net将文本字段值传递给其他网页上的标签

  19. 19

    如何将数组值传递给ASP.NET C#Web服务

  20. 20

    ASP.NET Dropdown将空值传递给控制器操作

  21. 21

    将逗号分隔值传递给 ASP.NET MVC 操作方法

  22. 22

    将值传递给脚本中的参数

  23. 23

    将值传递给jQuery中的函数

  24. 24

    如何将多个选定的Datagrid值传递给asp.net中的另一个页面?

  25. 25

    Asp.Net如何将多个值传递给在查询中与'IN'子句一起使用的参数

  26. 26

    将动态生成的文本框值传递给ASP.NET MVC中的控制器

  27. 27

    Ajax代码,用于将多个复选框值存储到数组并传递给控制器

  28. 28

    从ASP代码后面将参数传递给Javascript函数

  29. 29

    在 ASP.NET MVC5 中使用 Ajax 将 Fancytree SelectedNodes 传递给控制器

热门标签

归档