dojo 之基础篇(三)之向服务器发送数据


Posted in Javascript onMarch 24, 2007

向服务器发送数据有get和post两种.

首先,要将body中的html代码替换为

<button dojoType="Button" widgetId="helloButton">Hello World!</button>
  <br>
  请输入名称: <input type="text" id="name">
不输入数据,怎么提交数据呢.
  1. get
    我们只要将基础篇(二)中的:
    function helloPressed()
       {
        dojo.io.bind({
                url: 'response.txt',
                handler: helloCallback
              });
       }
    替换为:
       function helloPressed()
       {
        dojo.io.bind({
                url: 'HelloWorldResponseGET.jsp',
                handler: helloCallback,
                content: {name: dojo.byId('name').value }
              });
       }即可.其中的url不用说也明白了吧.是相对路径.也就是说在HelloWorld.html的当前目录
    下应该有一个 HelloWorldResponseGET.jsp 文件. handler还是一样,处理返回的数据,
    如果有的话.
    content即为要发送的数据. 其中名称为name,name的值为你所输入的值.这样,我们可以在jsp中写入简单的代码来获得这个值,以下为jsp中的代码<%
     /*
     ' HelloWorldResponseGET.jsp
     ' --------
     '
     ' 打印name的值.
     '
     */ response.setContentType("text/plain");
    %>Hello <%= request.getParameter("name") %> ,欢迎来到dojo世界!
  2. Post
    这种方法即为在form表单提交提交数据.

    相应的html代码为:

    <button dojoType="Button" widgetId="helloButton">Hello World!</button>
      <br>
      <form id="myForm" method="POST">
       请输入名称: <input type="text" name="name">
      </form>
    dojo代码为:
    function helloPressed()
       {
        dojo.io.bind({
                url: 'HelloWorldResponsePOST.jsp',
                handler: helloCallback,
                formNode: dojo.byId('myForm')
              });   }
    这里将content属性变为了formNode属性.

    jsp的代码不变.

到此,dojo的基础篇告一段落. 这些内容来自dojo的官方网站. 更详细的内容请参考官网.
http://dojo.jot.com/WikiHome/Tutorials/HelloWorld
Javascript 相关文章推荐
javascript 支持ie和firefox杰奇翻页函数
Jul 22 Javascript
js编写trim()函数及正则表达式的运用
Oct 24 Javascript
javascript unicode与GBK2312(中文)编码转换方法
Nov 14 Javascript
原生js和jQuery随意改变div属性style的名称和值
Oct 22 Javascript
JavaScript常用验证函数实例汇总
Nov 25 Javascript
JavaScript 浏览器对象模型BOM使用介绍
Apr 13 Javascript
jQuery 插件实现随机自由弹跳气泡样式
Jan 12 Javascript
JavaScript实现星级评分
Jan 12 Javascript
基于mpvue的小程序项目搭建的步骤
May 22 Javascript
JS二级菜单不同实现方法分析【4种方法】
Dec 21 Javascript
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
JS继承实现方法及优缺点详解
Sep 02 Javascript
dojo 之基础篇(二)之从服务器读取数据
Mar 24 #Javascript
dojo 之基础篇
Mar 24 #Javascript
jQuery使用手册之 事件处理
Mar 24 #Javascript
jQuery使用手册之三 CSS操作
Mar 24 #Javascript
jQuery使用手册之二 DOM操作
Mar 24 #Javascript
jQuery使用手册之一
Mar 24 #Javascript
5 cool javascript apps
Mar 24 #Javascript
You might like
Window下PHP三种运行方式图文详解
2013/06/11 PHP
php使用unset()删除数组中某个单元(键)的方法
2015/02/17 PHP
php查询及多条件查询
2017/02/26 PHP
PHP Socket网络操作类定义与用法示例
2017/08/30 PHP
php插入mysql数据返回id的方法
2018/05/31 PHP
jscript之Open an Excel Spreadsheet
2007/06/13 Javascript
Save a File Using a File Save Dialog Box
2007/06/18 Javascript
查询json的数据结构的8种方式简介
2014/03/10 Javascript
jQuery提示效果代码分享
2014/11/20 Javascript
基于jQuery实现网页进度显示插件
2015/03/04 Javascript
JS简单实现多级Select联动菜单效果代码
2015/09/06 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
2017/03/21 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
2017/04/17 Javascript
微信小程序 生命周期函数详解
2017/05/24 Javascript
angular ng-model 无法获取值的处理方法
2018/10/02 Javascript
vue发送ajax请求详解
2018/10/09 Javascript
Vue中使用create-keyframe-animation与动画钩子完成复杂动画
2019/04/09 Javascript
axios 实现post请求时把对象obj数据转为formdata
2019/10/31 Javascript
JavaScript设计模式之策略模式实现原理详解
2020/05/29 Javascript
js绘制一条直线并旋转45度
2020/08/21 Javascript
Python struct.unpack
2008/09/06 Python
PyCharm无法识别PyQt5的2种解决方法,ModuleNotFoundError: No module named 'pyqt5'
2020/02/17 Python
Django模板之基本的 for 循环 和 List内容的显示方式
2020/03/31 Python
python3.7.3版本和django2.2.3版本是否可以兼容
2020/09/01 Python
HTML最新标准HTML5总结(必看)
2016/06/13 HTML / CSS
Linux面试题LINUX系统类
2015/11/25 面试题
教育科学研究生自荐信
2013/10/09 职场文书
文化建设工作方案
2014/05/12 职场文书
个人考核材料
2014/05/15 职场文书
培训科主任岗位职责
2014/08/08 职场文书
小学生一分钟演讲稿
2014/08/26 职场文书
业绩倒数第一的检讨书
2014/09/24 职场文书
机关职员工作检讨书
2014/10/23 职场文书
求职简历自我评价2015
2015/03/10 职场文书
Spring Security中用JWT退出登录时遇到的坑
2021/10/16 Java/Android