A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 鲁蒙 黑马帝   /  2011-10-8 22:05  /  3263 人查看  /  4 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

ExtStart.js
  1. Ext.onReady(function(){
  2. Ext.get('OKButton').on('click', function(){
  3. var msg = Ext.get('msg');
  4. msg.load({
  5. url: 'exam1.php',
  6. params: 'name=' + Ext.get('name').dom.value,
  7. callback:function(){}
  8. text: 'Updating...'
  9. });
  10. msg.show();
  11. });
  12. });
复制代码
ExtStart.html
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" >
  3. <head>
  4.     <title>Introduction to Ext: Starter Page</title>

  5.     <!-- Include YUI utilities and Ext: -->
  6.     <script type="text/javascript" src="../adapter/yui/yui-utilities.js"></script>
  7.     <script type="text/javascript" src="../adapter/yui/ext-yui-adapter.js"></script>
  8.     <script type="text/javascript" src="../ext-all-debug.js"></script>
  9.     <script type="text/javascript" src="ExtStart.js"></script>

  10.     <!-- Include Ext stylesheets here: -->
  11.     <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css">
  12.     <link rel="stylesheet" type="text/css" href="../resources/css/ytheme-vista.css">
  13.     <link rel="stylesheet" type="text/css" href="ExtStart.css">
  14. </head>
  15. <body>
  16.         <div id="msg"></div>
  17.         Name:<input type="text" id="name"/><br/>
  18.         <input type="button" id="OKButton" value="OK"/>
  19. </body>
  20. </html>
复制代码
exam1.php
  1. <?
  2. if(isset($_GET['name']))
  3. {
  4. echo 'From Server  '.$_GET['name'];
  5. }
  6. ?>
复制代码
程序运行在apache服务器上面,想通过点击按钮,从服务器端获取客户端从文本框内输入的数据,然后添加到客户端代码中,现在问题是,element.load()无法异步获取服务器返回的数据,哪位高手解答下,感激不尽。
核心代码:
  1. msg.load({
  2. url: 'exam1.php',
  3. params: 'name=' + Ext.get('name').dom.value,
  4. callback:function(){}
  5. text: 'Updating...'
  6. });
  7. msg.show();
复制代码

4 个回复

倒序浏览
要仔细研究下,还不是很懂。
回复 使用道具 举报
值是以json格式传送的,不是key=value格式传输的

  1. msg.load({
  2.       url: 'exam1.php',
  3.       params: {'name':Ext.get('name').dom.value},
  4.       callback:function(){},
  5.       text: 'Updating...'
  6. });
  7. msg.show();
复制代码
回复 使用道具 举报
林国锋 发表于 2011-10-8 22:44
值是以json格式传送的,不是key=value格式传输的

这个是extjs格式的写法  问题不在这。。。谢了
回复 使用道具 举报
鲁蒙 发表于 2011-10-8 22:58
这个是extjs格式的写法  问题不在这。。。谢了

我没用过Extjs这个框架,callback:function(){}会不会与jquery的用法有点同
callback:function(data){
    alert(data); // 得到返回值
}

把$_GET[]换成$_REQUEST[]看看,因为你不知道是以GET方法提交还是以POST方法提交。
$_REQUEST[]可以获取get与post提交的内容
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马