如何在ajax asp.net MVC中用数据(其数据库值)填充文本框?

时间:2019-03-23 11:23:54

标签: c# jquery ajax html5 asp.net-mvc-4

我想在要从数据库中提取的文本框中显示数据。我为此使用ajax。我从“ Urun_gtip”列中共有9个不同的值。我想在9个标签中分别显示这些值。如何在视图中显示它们? 谢谢。

控制器:

public ActionResult Urun_Ad()
{
    using (SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["APP_LOG_Con"].ConnectionString))
    {
        object ret = null;
        string query = "select distinct a.Urun_Gtip from RelationTBL a select distinct a.Urun_Gtip from RelationTBL a ";

        using (SqlCommand cmd = new SqlCommand(query))
        {
            cmd.Connection = con;

            con.Open();
            ret = Serialize(cmd.ExecuteReader());
            con.Close();
        }

        return Json(ret, JsonRequestBehavior.AllowGet);
    }
}

查看:

   <div class="modal-body" id="modalData2">
   <div class="row" tabindex="-1">
   <div class=".col-8 .col-sm-6" style="margin-left:25px;">
   <label for="Urun_GID" style="color:#dc3545;">Ürün</label>
   <input class="form-control" name="Urun_Gtip" id="Urun_GID" disabled>
   </div>
  <div class=".col-4 .col-sm-6">
  <label for="Adet" style="color:#dc3545; margin-left:6px;">Adetleri giriniz: 
  </label>
  <input class="form-control" onfocus="this.value=''" name="Adet" id="Adet">
  </div>
   </div>

// I have same 9 row (count of query result is 9)

jQuery:

$.ajax({
          url: "/Müsavir/Urun_Ad",
          type: "GET",
          success: (data) => {
             // How can I set data to textbox value here?
          }
       });

1 个答案:

答案 0 :(得分:1)

只需解析您获取的json数据并使用循环将其添加:

$.ajax({
          url: "/Müsavir/Urun_Ad",
          type: "GET",
          success: (data) => {
             var json = JSON.parse(data);
             for(var i=0; i<json.length;i++)
                $('#somecontainer').append('<label>' + json.urun_gtip + '</label>);
          }
       });