需要在MVC4中不使用jquery而异步发布表单

时间:2014-04-08 14:18:35

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

我在MVC工作了一年,在大多数情况下,我使用JQuery ajax调用Calling控制器方法。现在我的要求是我在页面上有一个按钮(添加用户)点击它打开一个模态弹出窗口,我需要局部视图和2个按钮(保存和取消)。

填写表单后,单击“保存”按钮。现在我想要MVC功能,并希望使用Ajax异步方法表单发布数据。保存后我想用空表单重新加载部分视图。

有人可以指导我吗

提前致谢。

1 个答案:

答案 0 :(得分:1)

您正在寻找仅限javascript的电话吗?

function submitForm()
{ 
var xhr; 
try {  xhr = new ActiveXObject('Msxml2.XMLHTTP');   }
catch (e) 
{
    try {   xhr = new ActiveXObject('Microsoft.XMLHTTP');    }
    catch (e2) 
    {
      try {  xhr = new XMLHttpRequest();     }
      catch (e3) {  xhr = false;   }
    }
 }

xhr.onreadystatechange  = function()
{ 
     if(xhr.readyState  == 4)
     {
          if(xhr.status  == 200) 
              document.ajax.dyn="Received:"  + xhr.responseText; 
          else
             document.ajax.dyn="Error code " + xhr.status;
     }
}; 

xhr.open(GET, "data.txt",  true); 
xhr.send(null); 
} 

和你的HTML:

<FORM method="POST" name="ajax" action="controller/action">                  
     <INPUT type="BUTTON" value="Submit"  ONCLICK="submitForm()">
     <INPUT type="text" name="dyn"  value=""> 
</FORM>