Pass (Send) String and List from Controller to View using jQuery Ajax in ASP.Net MVC

malar

SOLVED CLOSED ACTIVE ANSWERED
User: malar
Posted: on Sep 01, 2021 11:01 PM
Forum: ASP.Net MVC
Answer: 1
Views: 11437
Sample Code: Download

Hi Team,

Passing only strings from Controller to View in AJAX is working fine.

Passing only list from controller to view is also working fine.

I need to pass both strings and list in single method to AJAX.

I had used the below way.

In Controller:

var Activitylist = new SelectList(drpActivityCode, "ActivityCode", "ActivityCode");
string Groupno = distinctActivity.Rows[0]["GroupNo"].ToString();
string ActivityDesc = distinctActivity.Rows[0]["ACTIVITYDESCRIPTION"].ToString();
return Json(new { Groupno=Groupno, ActivityDesc= ActivityDesc, Activitylist= Activitylist }, JsonRequestBehavior.AllowGet);

In View:

function onProjectCodeChange(val) {
    var projectcode = val;
    $.ajax({
        type: "GET",
        url: "/ProjectUpload/GetGroup",
        data: { projectcode: val },
        dataType: "json",
        success: function (reponse) {
            var Groupno = reponse.Groupno; var ActivityDesc = reponse.ActivityDesc;
            alert(Groupno);
            alert(ActivityDesc);
            var Activitylist = response.Activitylist;
            alert(Activitylist);
        }
    });
}

Activitylist is not getting here.

Let me what thing i missed here.

Thanks in Advance.

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 2

Reply
ANSWER
User: dharmendr
Replied: on Sep 02, 2021 05:52 AM
Report

Hi malar,

Create another model class to send the value to view.

Refer below example.

Model

public class CustomerModel
{
    public int Id { get; set; }
    public string Name { get; set; }
    public List<CourseModel> Courses { get; set; }
}

public class CourseModel
{
    public string Course { get; set; }
}

Controller

public class HomeController : Controller
{
    // GET: Home
    public ActionResult Index()
    {
        return View();
    }

    public JsonResult InsertCustomer()
    {
        CustomerModel customer = new CustomerModel();
        customer.Id = 1;
        customer.Name = "MudassarKhan";
        List<CourseModel> courses = new List<CourseModel>();
        courses.Add(new CourseModel { Course = "ASP.Net" });
        courses.Add(new CourseModel { Course = "ASP.Net MVC" });
        courses.Add(new CourseModel { Course = "ASP.Net Core" });
        customer.Courses = courses;
        return Json(customer);
    }
}

View

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $.ajax({
                type: "POST",
                url: "/Home/InsertCustomer",
                data: {},
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (r) {
                    var id = r.Id;
                    var name = r.Name;
                    var courses = r.Courses;
                }
            });
        });
    </script>
</body>
</html>

Screenshot

Response recieved in Ajax Success function

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Pass (Send) String and List from Controller to View using jQuery Ajax in ASP.Net MVC

Company

Explore

Follow us

Contact Us