具有模型属性的AJAX帖子

Question

I want to do Something like

$.ajax({
    url: '/Home/AjaxTest', 
    data: {
        id: @Model.Prop
    },
    type: 'post',
    cache: false, 
    success: function (response) {
        console.log(response);
    }
    ...

However, It didn't work. I know that if I have a hidden field for it, like

@Html.HiddenFor(model => model.Id)

then I can get the property value by

data: { id: $('input[name="Id"]').val() },

Still I wonder. Are there any way else to access the Model property more directly?

Answer 1

data: { id: "@Model.Prop" } // may or may not need quotes depending on data type.

If you do this, it will be the value of the Model.Prop field at the time of rendering the page so any modifications to inputs using that property will not be reflected.

If you want the actual data from an input control that has been rendered using EditorFor, etc:

data: { @(Model.Prop.GetType().Name): $('input[name="@(ViewData.TemplateInfo.HtmlFieldPrefix + "." + Model.Prop.GetType().Name)"]').val() }

This will render the javascript using the property name as the json index and the same name but including the model (and any containing models) prefix as the name of the element to find the value of.

Answer 2

Yes you can do if you follow the Model pattern of java script. This is your java script file.

var JSModel = (function(){

       var model = {};


       var init = function(){
           //Perfome your operations
         };

       return {
        init:init,
        model :model  //return beacuse we want to acccess it in cshtml
      };

    })();


    $(document).ready(function() {
        JSModel .init();
    });

Now in cshtml, you will do this: //Invlude your JS file here and then

<script>
JSModel.model = @Html.Raw(Json.Encode(Model)); // You will get the model in your js file. it will in JSON form

</script>