如何将ViewModel属性传递给ajax post方法？

Question

 function ResendEmailInvite(internalUserId, familyMemberId) { 
       theinternalUserId = internalUserId;
       theFamilyMemberId = familyMemberId;
      if(confirm('Are you sure you want to resend this family member's invite?')){
         $.ajax({
             type: "POST",
             url:"/Admin/ResendFamilyMemberEmail",
             data: {internalUserId : theinternalUserId, familyMemberId : theFamilyMemberId}, 
             success: function(response){
                alert(response);
             },
             error: function(){
                alert("Error");
            }
        });
        return false;
    }
}

I am using ASP.net MVC 3. This is an ajax/javascript method in my view.

As far as the syntax goes, is this correct?

The familyMemberId is going to be dynamic, however, the userId is not. I want to pass the userId from my viewModel to this ajax call, how can I do this?

Answer 1

What you're wanting to do is get the data from the model in your controller into the view. This is what MVC is all about. From the MSDN MVC 4 Tutorial :

Controller:

You can define your model using the VS menu system and the Entity Framework so you're actually accessing the database.

 public class YourController : Controller
{
     private YourDBContext db = new YourDBContext();

     public ActionResult YourAction(int user_id = 0)
    {
        User user = db.Users.find(user_id);
        if(user == null) {
           return HttpNotFound(); // Or unauthorized or whatever
        }
        return View(user);
    }
    //...

View:

@Model IEnumerable<MvcUser.Models.User>

<!-- other stuff -->

 <script type="text/javascript>
 // the rest of your script
        function ResendEmailInvite(internalUserId, familyMemberId) { 
           theinternalUserId = @Model.userId;
           theFamilyMemberId = familyMemberId;
          if(confirm('Are you sure you want to resend this family member's invite?')){
             $.ajax({
                 type: "POST",
                 url:"/Admin/ResendFamilyMemberEmail",
                 data: {internalUserId : theinternalUserId, familyMemberId : theFamilyMemberId}, 
                 success: function(response){
                    alert(response);
                 },
                 error: function(){
                    alert("Error");
                }
            });
            return false;
        }
    }

This works because, as you pointed out, the userId is not dynamic after the page has loaded. You would need to create some other hook in your HTML for javascript to grab if you wanted really dynamic behavior.