黑马程序员技术交流社区

标题: extjs发送ajax异步请求无法更新客户端数据 [打印本页]
作者: 鲁蒙    时间: 2011-10-8 22:05
标题: extjs发送ajax异步请求无法更新客户端数据
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>

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

  12.     <!-- Include Ext stylesheets here: -->
  13.     <link rel="stylesheet" type="text/css" href="../resources/css/ext-all.css">
  14.     <link rel="stylesheet" type="text/css" href="../resources/css/ytheme-vista.css">
  15.     <link rel="stylesheet" type="text/css" href="ExtStart.css">
  16. </head>
  17. <body>
  18.         <div id="msg"></div>
  19.         Name:<input type="text" id="name"/><br/>
  20.         <input type="button" id="OKButton" value="OK"/>
  21. </body>
  22. </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();
复制代码
作者: 成杰    时间: 2011-10-8 22:07
要仔细研究下，还不是很懂。
作者: 林国锋    时间: 2011-10-8 22:44
值是以json格式传送的，不是key=value格式传输的

  2. msg.load({
  3.       url: 'exam1.php',
  4.       params: {'name':Ext.get('name').dom.value},
  5.       callback:function(){},
  6.       text: 'Updating...'
  7. });
  8. msg.show();
复制代码
作者: 鲁蒙    时间: 2011-10-8 22:58
林国锋 发表于 2011-10-8 22:44
值是以json格式传送的，不是key=value格式传输的

这个是extjs格式的写法  问题不在这。。。谢了
作者: 林国锋    时间: 2011-10-8 23:07
鲁蒙 发表于 2011-10-8 22:58
这个是extjs格式的写法  问题不在这。。。谢了

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

把$_GET[]换成$_REQUEST[]看看，因为你不知道是以GET方法提交还是以POST方法提交。
$_REQUEST[]可以获取get与post提交的内容



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2