您的位置：首页 > Web前端 > JavaScript

一个Ext js ajax 的Demo

2010-03-23 11:54 246 查看

一个Ext js ajax 的Demo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="http://www.extjs.com/deploy/dev/resources/css/ext-all.css"  />
    <script type="text/javascript" src="http://www.extjs.com/deploy/dev/adapter/ext/ext-base.js" ></script>
    <script type="text/javascript" src="http://www.extjs.com/deploy/dev/ext-all.js" ></script>
    <script defer="defer"><!--
        document.getElementById('btn').onclick = function() {
            Ext.Ajax.request({
                url: 'ExtjsDemoResult.aspx',
                success: function(response) {
                    var json = eval('(' + response.responseText + ')');
                    Ext.Msg.alert('成功', 'Name:' + json.username + ',DateTime:' + json.datetime);
                    
                    //Ext.Msg.alert('成功', response.responseText);
                },
                failure: function(response) {
                    Ext.Msg.alert('失败', response.responseText);
                },
                params: { name: document.getElementById('txt').value }
            });
        }
    
// --></script>
</head>
<body>
    <form id="form1"  runat="server">
    <input type='text' id='txt' value='Sandy' />
    <input type='button' id='btn' value='click me' />       
    </form>
</body>
</html>

ExtjsDemoResult.aspx.cs

protected void Page_Load(object sender, EventArgs e)
    {
        Response.Write("{" + string.Format("success:true,username:'{0}',datetime:'{1}'", Request.Form["name"], DateTime.Now) + "}");
        Response.End();        
    }

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航