Extjs简单提交表单

最新推荐文章于 2017-04-07 10:57:12 发布

三维突破

最新推荐文章于 2017-04-07 10:57:12 发布

阅读量1k

点赞数

分类专栏： Ext

本文链接：https://blog.csdn.net/shuyizhi/article/details/43969037

版权

Ext 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!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="登录" οnclick="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;
            }
        }
    }
}

三维突破

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Extjs简单提交表单

Ext.Ajax应用用户名：密码： function login(){ var requestConfig = { url: "/AjaxHandler/loginServer.ashx", params: { userName: Ext.g
复制链接

扫一扫