当部分完成时,如何更新div css以显示完整的图像?

时间:2013-01-10 05:18:21

标签: css asp.net-mvc-3 asp.net-ajax

使用MVC 3

我的问卷有三个部分。包含问卷的页面有“下一个”,“上一个”和“保存”按钮?当我单击任何这些按钮时,我想要一个名为“Question / SectionComplete”的ActionController的ajax调用,如果它返回true,我想用显示完整图标的css更新菜单div。 任何人都可以帮助开始使用示例代码吗?

2 个答案:

答案 0 :(得分:0)

使用.ajax方法的成功功能 - 此处的文档 - http://api.jquery.com/jQuery.ajax/

$.ajax({
  url: '/Question/SectionComplete',
  success: function(data) {
      // add code here
      // test for your response
      // then use jquery selector to get element to be updated
      // and use .html() to set element's new value
  }
});

答案 1 :(得分:0)

function onButtonClick(){
    var data = { myvar: 1 }; // your data to pass to action
    $.getJSON('Question/SectionComplete', data, function(result){
        if(result)
            $('#mymenudiv').css('background-image', 'yourImage'); //your styles here
    })
}

在控制器中:

public ActionResult SectionComplete(int myvar)
{
    // check condition
    return Json(true, JsonRequestBehaviour.AllowGet); // you can return complex object instead
}