javascript - 从 onClick() 加载完整视图

Question

我不确定如何从 click() 事件加载视图。我不想要部分视图，我需要能够为其提供一个简单的参数：

$('#DepartmentsButton').click(function () {
   onDepartmentClick();
});

function onDepartmentClick() {

var self = this;
var selectedId = gridGetSelectedId();

$.ajax({
    url: '/Location/Departments/',
    cache: false,
    type: 'get',
    data: { id: parseInt(selectedId) },
    datatype: 'json',
    success: function (data) {
    },
    error: function (res) {
    }
});

Answer 1

假设部门是部分视图（强烈推荐）

创建一个 div 来加载你的部分

和JQ：

$('#DepartmentsButton').click(function () {
   onDepartmentClick();
});

function onDepartmentClick() {
   $('#divDepartments').load('/Location/Departments/');
};

---

修订：用户想要重定向到视图（这实际上意味着重定向到视图的操作（最好有一个——提示提示）

不需要 div

$('#DepartmentsButton').click(function () {
   onDepartmentClick();
});

function onDepartmentClick() {
   window.location='/Location/Departments/';
};

Answer 2

$('#DepartmentsButton').click(function () {
   onDepartmentClick();
});

什么时候调用这个函数？仅将函数放入代码中并不能使其工作。您需要初始化并调用此函数。

$(document).ready( function(){
    $('#DepartmentsButton').click(function () {
       onDepartmentClick();
    });
});

还有其他几件事是错误的。

您使用参数定义了成功，但它没有做任何事情。该功能本身不存在，同样适用于失败。您仍然需要编写这些函数。

success: function (data) {
    //I don't do anything but take up space, put code to execute on data here.
},