Extjs简单提交表单
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Ext.Ajax应用</title>
<link rel="stylesheet" type="text/css" href="ext-4.0.7-gpl/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-4.0.7-gpl/ext-all.js"></script>
<script type="text/javascript" src="ext-4.0.7-gpl/bootstrap.js"></script>
<script type="text/javascript" src="ext-4.0.7-gpl/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="js/Demo.js"></script>
</head>
<body>
<form id="loginForm">
用户名：<input type="text" id="userName" />
密 码：<input type="text" id="password" /><br/>
<input type="button" value="登录" onclick="login()" />
</form>
</body>
</html>
function login()
{
var requestConfig = {
url: "/AjaxHandler/loginServer.ashx",
params: { userName: Ext.getDom("userName").value, password: Ext.getDom("password").value },
customer: "自定义属性",
form: "loginForm",
callback: function (options, success, response)
{
var msg = ["请求是否成功：", success, "\n",
"服务器返回值：", response.responseText,
"本地自定义属性：", options.customer
];
alert(msg.join(" "));
}
};
Ext.Ajax.request(requestConfig); //发送请求
}
其中loginServer.ashx代码如下：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace Ext.AjaxHandler
{
/// <summary>
/// loginServer 的摘要说明
/// </summary>
public class loginServer : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string userName = context.Request["userName"];
string passWord = context.Request["password"];
string msg = string.Empty;
if(userName.Equals("tom")&&passWord.Equals("123"))
{
msg = "登录成功";
}
else
{
msg = "登录失败";
}
context.Response.Write(msg);
}
public bool IsReusable
{
get
{
return false;
}
}
}
}