从onClick()加载完整视图

时间:2013-02-22 04:23:01

标签: javascript jquery asp.net-mvc asp.net-mvc-4

我不确定如何从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) {
    }
});

2 个答案:

答案 0 :(得分:3)

假设部门是部分视图(强烈推荐)

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

和JQ:

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

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

修订版:用户希望重定向到View(这实际上意味着重定向到View的操作(最好有一个提示提示)

不需要Div

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

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

答案 1 :(得分:0)

$('#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.
},