Our Training Programs

All contents are copyright of their authors.

How to (Add button) code behind connection in Modal popup .net core

How to (Add button) code behind connection in Modal popup .net core

C# Learner

4yAsked Oct 24, 2021, 10:24 AM868.NET

Hi,

Can anyone Please explain with example how to add a record from the modal form in asp.net core through javascript.

I'm not using partial views for this case.

I'm facing problem in how to connect with javascript.

Your help is much appreciated.

Below is the boostrap modal form which is included in .net mvc.

Know the answer? Post it — somebody with the same question will find it here.

It is the same account you read, post and publish with — and you will come straight back to this page.

Sachin Singh4y ago
Accepted answer
yes
var model=
{
Name:$("#txtName").val(),
Salary:$("#txtSalary").val()
.... so on...
}

$.ajax({
type:"Post",
url:"/controller/Action",
data:Json.Stringify(model),
dataType:application/json,
cache:false,
success:function()
{
alert("saved successfully");
}


});

public async Task Save(Student model)
{
// save data to db
    return view();
}
+1
Sachin Singh4y ago
No, you missed the ajax part, rest is absolutely ok. Please look at the code that i have added earlier, and use the ajax() method to send your model to controller's action.
+1
C# Learner4y ago
Thanks for response.
Could you please correct my below code.Is that correct Will it work? Please let me know

[HttpPost]
public IActionResult additem(model m)
{
try
{
Service.add(m); //sending values to save method defined in service page.
return View("additem", m);
}
catch (Exception ex)
{
return View("additem", m);
}
}
+2

Create Date	value=DateTime.now.ToString("DD-MM-YYYY") style="border: 1px solid #CCC">
Create By
Remarks