c# - 按钮单击 MVC 后的部分加载

Question

我有一个显示注释的页面，单击按钮后我希望能够添加注释。以下代码是我尝试加载创建笔记操作结果的部分。

<script type="text/javascript">
    (function() {
    $('#load-partial'.click(function(){
        $('#partial'.load('/EntityController/CreateNote/');});
    })();    
</script>

<div id="partial"></div>
<button type="button" id="load-partial" />

但是，单击按钮不会执行任何操作。这里出了什么问题？

Answer 1

Darin Dimitrov 提出了非常好的建议。进入下一个阶段

You need to use url helpers: $('#partial').load('@Url.Action("CreateNote", "Entity")');

为了不引人注目(并将 java 脚本移动到文件中)，您需要使用 @URL 帮助器来设置操作属性/值，然后在 JavaScript 中获取操作属性值。在我待定的 DropDownList 教程中，我执行以下操作:

     @using (Html.BeginForm("IndexDDL", "Home", FormMethod.Post, 
new { id = "CountryStateFormID",
 StateListAction = @Url.Action("StateList") })) {

-- 然后在 JavaScript 中

$('#CountriesID').change(function () {
    var CountryStateFormID = $('#CountryStateFormID');
    $.getJSON(CountryStateFormID.attr('StateListAction') + '/' + $('#CountriesID').val(), function (data) {

您还应该使用 IE9/F12 开发人员工具或 Chrome 或 FF 来调试您的代码。