如何触发按钮点击并在asp.net mvc app(cshtml)中调用javascript

时间:2018-05-02 08:44:44

标签: razor

我想触发按钮点击,然后调用javascript代码(和jQuery)。按钮的类型为提交,位于模式框内。当用户点击“提交”时,我想将一些数据发送到我的Web API(并关闭模式框 - 这就是为什么我使用类型提交作为按钮的原因)。我正在尝试使用警报调试它,但我只获得第一个( Test1 )。这是我的代码:

按钮:

<button type="submit" class="btn btn-primary" id="add-new-note">Submit</button>

对于javascript(和jQuery):

<script>
    $javascript: alert("Test1");
    $(document).ready(function () {
        $javascript: alert("Test2");
        $("#add-new-note").click(function () {
            $javascript:alert("Test3");
            $.ajax("/notepad/add/",
                {
                    type: 'POST',
                    data: {
                        Title: document.getElementById('for-title').innerHTML,
                        Message: document.getElementById('for-message').innerHTML
                    },
                    contentType: 'application/json; charset=utf-8'
                });
        });
    });
</script>

**可能我必须使用.value而不是.innerHTML,但首先我必须使用代码的那部分

1 个答案:

答案 0 :(得分:0)

in here = http://jsfiddle.net/UTwGS/1205/ <script type="text/javascript" src="//code.jquery.com/jquery-1.7.1.js"></script>我可以获得所有测试(test1,test2,test3)你需要添加jquery liblary。