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实现CheckBox的全选与取消全选的代码
Jul 20 Javascript
jQuery中操控hidden、disable等无值属性的方法
Jan 06 Javascript
使用js画图之饼图
Jan 12 Javascript
js实现文字跟随鼠标移动而移动的方法
Feb 28 Javascript
30分钟快速掌握Bootstrap框架
May 24 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
Jul 07 Javascript
JS实现点击事件统计的简单实例
Jul 10 Javascript
jQuery实现根据滚动条位置加载相应内容功能
Jul 18 Javascript
ES6中Array.copyWithin()函数的用法实例详解
Sep 16 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
Apr 27 Javascript
Express的HTTP重定向到HTTPS的方法
Jun 06 Javascript
vue中通过使用$attrs实现组件之间的数据传递功能
Sep 01 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
PHP中SESSION使用中的一点经验总结
2012/03/30 PHP
PHP eval函数使用介绍
2013/12/08 PHP
Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册
2016/12/27 PHP
Redis在Laravel项目中的应用实例详解
2017/08/11 PHP
php实现简单的守护进程创建、开启与关闭操作
2019/08/13 PHP
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
jquery复选框全选/取消示例
2013/12/30 Javascript
jQuery中:checked选择器用法实例
2015/01/04 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
2016/03/10 Javascript
jquery跟随屏幕滚动效果的实现代码
2016/04/13 Javascript
微信小程序 闭包写法详细介绍
2016/12/14 Javascript
jQuery中table数据的值拷贝和拆分
2017/03/19 Javascript
Node.js模拟发起http请求从异步转同步的5种用法
2018/09/26 Javascript
bootstrap table插件动态加载表头
2019/07/19 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
2019/10/08 jQuery
VueCli4项目配置反向代理proxy的方法步骤
2020/05/17 Javascript
jQuery 添加元素和删除元素的方法
2020/07/15 jQuery
jQuery实现简单轮播图效果
2020/12/27 jQuery
Python实现在某个数组中查找一个值的算法示例
2018/06/27 Python
法国在线宠物店:zooplus.fr
2018/02/23 全球购物
西雅图的买手店:Totokaelo
2019/10/19 全球购物
荷兰度假屋租赁网站:Aan Zee
2020/02/28 全球购物
应届大学生自荐信
2013/12/05 职场文书
毕业生求职的求职信
2013/12/05 职场文书
自动化专业职业生涯规划书范文
2014/01/16 职场文书
车间核算员岗位职责
2014/07/01 职场文书
小学六一儿童节活动方案
2014/08/27 职场文书
校运动会广播稿300字
2014/10/07 职场文书
2015元旦标语横幅
2014/12/09 职场文书
中学生社区服务活动报告
2015/02/05 职场文书
考研导师推荐信范文
2015/03/27 职场文书
2015年事业单位办公室文员工作总结
2015/04/24 职场文书
离职证明范本
2015/06/12 职场文书
Python中json.dumps()函数的使用解析
2021/05/17 Python
html css3不拉伸图片显示效果
2021/06/07 HTML / CSS
python之json文件转xml文件案例讲解
2021/08/07 Python