Extjs 단순 제출 양식

2841 단어
<!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, "
", " :", 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;
            }
        }
    }
}

좋은 웹페이지 즐겨찾기