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

FelixMiranda · 发布于 2017-01-11 · 字数2247 · 浏览 921 · 评论 0

向服务器发送数据有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

本文系作者 FelixMiranda 授权问说网发表,并经问说网编辑,转载请注明出处和 本文链接

相关文章

  • 2015-04-01自定义Select下拉菜单元素
  • 2015-11-24Roadcrew.js单页面切换插件中文API帮助手册
  • 2017-01-19用JavaScript实现给出的盒子的序列是否可连为一矩型
  • 2016-12-02FlyJSONP轻量级的跨域AJAX请求插件
  • 2016-12-02Response JS创建高性能的支持移动设备的网站
  • 2016-05-25绿毛水怪图标的简单绘制教程
  • 2016-05-27Flutter基于Dart的高性能移动应用UI框架
  • 2016-06-06Thinkphp实例化对象的四种方法比较
  • 发布评论

    为您推荐

    问说网 · 发布于 2016-12-02

    FlyJSONP轻量级的跨域AJAX请求插件

    FlyJSONP是一个JavaScript库,用于实现跨域GET和POST请求服务,支持JSONP,并取得一个JSON格式的数据响应,这个Library具有易于…

    问说网 · 发布于 2016-03-17

    手机归属地查询大集合

    现在的网站几乎都支持手机号直接注册,而我们可能需要获取用户的所在地,好推送一些有用的信息,比如当地的天气状况、实时温度等信息,如果让用户自己填写,可能有点麻烦,…

    问说网 · 发布于 2016-03-08

    JavaScript获取渲染后的样式

    一般我们利用element.style属性来获取CSS的样式,而此方法只能获取标签内的样式,无法获取头部或引入的样式,因此而我们又需要获取其样式,则我们可以使用…

    问说网 · 发布于 2016-04-25

    BlackAndWhite把图片转成黑白效果jQuery插件

    BlackAndWhite 是一款图片类的插件,这款插件可以很容易地将任何彩色图片转换成B&W灰度图片,当鼠标移动到图片上时,图片可慢慢恢复原有的色彩。该插件可…

    问说网 · 发布于 2016-05-11

    Markaby允许你在纯Ruby环境编写HTML页面

    Markaby 是一个轻量级的插件,允许你在纯Ruby的环境编写HTML页面,它是一种替代型这两种语言一起编织。还有一个模板语言使用原始的HTML语言融合与它交…

    PS教程:轻松使用滤镜去掉图片中多余的人物

    有时候我们正在拍照时闯进不速之客,那么我们就要使用phoptoshop做些处理。今天小编就教给大家用PhotoMerge来去除画面中的游客路人,非常方便简单。

    • PS教程:轻松使用滤镜去掉图片中多余的人物
    • PS教程:轻松使用滤镜去掉图片中多余的人物
    • PS教程:轻松使用滤镜去掉图片中多余的人物
    • PS教程:轻松使用滤镜去掉图片中多余的人物
    馥嫫 · 发布于 2016-05-14 · 浏览 1044 · 评论 0
    问说网 · 发布于 2016-12-02

    Response JS创建高性能的支持移动设备的网站

    Response JS 是一个轻量级的 jQuery 插件,用来创建高性能的支持移动设备的网站。它提供了一套语法用来根据不同的设备环境动态替换HTML代码。例如…

    你真的好色吗?揭秘设计背后的色彩与情绪

    我个人认为设计很多时候是基于设计师自己的情绪和感觉的。但是不管怎样,当你在设计中开始问自己“用户对这个项目会有怎样的看法,会是你想要的效果吗?”之类问题的时候,…

    • 你真的好色吗?揭秘设计背后的色彩与情绪
    • 你真的好色吗?揭秘设计背后的色彩与情绪
    • 你真的好色吗?揭秘设计背后的色彩与情绪
    • 你真的好色吗?揭秘设计背后的色彩与情绪
    GissingPolly · 发布于 2016-05-16 · 浏览 1104 · 评论 0

    问说网手机版

    躺着 站着 跪着轻松访问

    更多详情 关于作者

    FelixMiranda

    一個人久了,會喜歡買很多鞋子,帶自己去很多很遠的地方一個人久了,會覺得無拘無束自.由自在天寬地廣一個人久了,愛情會變得越來越不重要,取而代之的是錢和事業一個人久了,會越來越理性,越來越現實總之,一個人久了,是很幸福的時光……

    90 文章
    0 评论
    人气

    更多 热门话题

    APP界面

    关注 APP界面

    文章 41506 · 浏览 2806

    APP欣赏

    关注 APP欣赏

    文章 41427 · 浏览 2629

    APP手机界面

    关注 APP手机界面

    文章 41417 · 浏览 2708

    图片素材

    关注 图片素材

    文章 29463 · 浏览 2150

    高清图片

    关注 高清图片

    文章 26530 · 浏览 2364

    更多 推荐作者

    关注 秋天的孤寂

    文章 99 · 评论 0

    关注 怎麽继续

    文章 90 · 评论 2

    关注 溫柔的溫柔

    文章 91 · 评论 0

    关注 走了留下什么

    文章 110 · 评论 0

    关注 流浪的脚步

    文章 86 · 评论 0

    关注 籹孒不认输

    文章 94 · 评论 0

    
    顶部 反馈 评论 底部

    意见反馈

    感谢您对问说网的支持,提出您在使用过程中遇到的问题或宝贵建议,您的反馈对我们产品的完善有很大帮助。

    您的反馈我们已收到!

    感谢您提供的宝贵意见,我们会在1-2个工作日,通过您留下的联系方式将处理结果反馈给您!