使用javascript调用元素内部的部分视图

Question

I Have a function called ValidarLogueo, which will return 0 for common users and 1 for administrator users. I'm trying to do somthing like this but it's giving me a bad compile constant value error.

<input id="Logueo" value="Login" class="btn btn-info btn-block" onclick="javascript:validarLogueo() == 0? @Url.Action('VistaViandasPersonal', 'Menu'): @Url.Action('VistaAdministrador', 'Menu')">

I'm now rendering the page in my .js like this, but it's not what i need due to the url keeps in localHost, instead of localHost/Menu

 $('body').load(url + '/Menu/VistaViandasPersonal');

Is there anything I can do to achive that. Thanks in advance.

Answer 1

If you expand the generated code manually, you will see you are trying to inject string constants , but have not included the delimiting quotes. Add single quotes around the @Url.Action calls.

eg

<input id="Logueo" value="Login" class="btn btn-info btn-block" 
    onclick="javascript:validarLogueo() == 0 ? '@Url.Action('VistaViandasPersonal', 'Menu')' : '@Url.Action('VistaAdministrador', 'Menu')'">

I strongly recommend you move to using a jQuery event handler and never use inline handlers with jQuery. When you need a root site URL, that can be injected by your master page into a global variable

<script>
   window.siteRoot = "@Url.Content("~")";
</script>

and simply prepend this to any URLs in your jQuery code.