برنامه نویس وب


جمعه 30 شهریور
MVC

تبدیل داده به json و نمایش آن با jquery

ﺳﻪشنبه, 21 اردیبهشت 1395

فرض کنید ما یک گرید داریم و یک سری input و می خواهیم زمانی که کاربر روی هر کدام از سطرهای گرید کلیک کرد مقادیر آن در input های خودشان بنشینند تا کاربر هر کدام از فیلد ها را که نیاز داشت تغییر بدهد. من در اینجا نحوه این کار را با جی کوئری و json انجام میدهم، استفاده از json در خیلی از کارها کاربرد دارد و به دلیل سرعت و سبکی استفاده از آن پیشنهاد میشود.

برای شروع دیتا را به json تبدیل می کنیم.


        public ActionResult ActionName(int id)
        {
            var model = db.First(p => p.ID == id);
            return Json(new { Result = model }, JsonRequestBehavior.AllowGet);
        }


در مرحله بعدی با استفاده از jquery Ajax برای این اکشن در خواست می فرستیم و خروجی را در input های مربوط نمایش می دهیم.


    function functionName(id) {
        $.ajax({
            url: "/ControllerName/ActionName",
            type: "get",
            data: { id: id }
        }).done(function (data) {
            $("#ID").val(data.Result.ID);
            $("#Name").val(data.Result.Name);
            $("#Count").val(data.Result.Count);
            $("#Description").val(data.Result.Description);
            $("#Date").val(data.Result.Date);
        });
    }


به همین سادگی دیتا را به json تبدیل کردیم و آنرا نمایش دادیم.



نظرات

Drag to order
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
نظر تایید شده ای برای این مطلب وجود ندارد .