将ext textbox值传递给javascript,然后传递给控制器操作
我有一个场景,在这个场景中,我必须将用户名和密码值从ext textfield传递给控制器操作,以便对数据库进行验证。我已经编写了以下代码将ext textbox值传递给javascript,然后传递给控制器操作,javascript,model-view-controller,controller,Javascript,Model View Controller,Controller,我有一个场景,在这个场景中,我必须将用户名和密码值从ext textfield传递给控制器操作,以便对数据库进行验证。我已经编写了以下代码 <ext:TextField Name="Username" runat="server" ID="UserName"></ext:TextField> <ext:TextField Name="Password" runat="server" ID="Password"></ext:TextField&
<ext:TextField Name="Username" runat="server" ID="UserName"></ext:TextField>
<ext:TextField Name="Password" runat="server" ID="Password"></ext:TextField>
<ext:Button runat="server" ID="submit1" Type="Submit" Text="LOGIN" >
<Listeners>
<Click Fn="CallLogin">
</Click>
</Listeners>
</ext:Button>
如何将这些值传递给控制器操作
谢谢 您必须使用ajax和jquery来实现这一点 1.在页眉中包含jquery库
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</head>
假设您的操作方法如下所示:
[AcceptVerbs(HttpVerbs.Post)]
public int Index(string userText, string passwordText)
{
return (checkValidUser(userText,passwordText));
}
你好,懒虫…谢谢你的回复..但是当我尝试你的代码..按钮没有提交到控制器..因此页面没有提交。。当我在IE浏览器中尝试相同操作时,它会发出一个错误,表示$is undeclared。。知道为什么吗?您需要在页面中包含jquery库才能使其正常工作。查看我修改过的答案我已将以下代码添加到我的aspx文件中..但是,这些代码只在Mozilla中正常工作下载最新版本的jquery库并提供其路径,而不是
ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
您已经包含了两个不同的版本jquery的。移除一个
function CallLogin() {
var username = document.getElementById('UserName').value;
var password = document.getElementById('Password').value;
$.ajax({
type: "POST",
url: '/Login/Index/',
data: { userText: username , passwordText: password },
success: function (response) {
if (response > 0) {
alert("Success");
}
else
{
alert("Login failed");
}
});
}
[AcceptVerbs(HttpVerbs.Post)]
public int Index(string userText, string passwordText)
{
return (checkValidUser(userText,passwordText));
}