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

2024-04-07 14:46:14

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

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

  <button dojoType="Button" widgetId="helloButton">Hello World!</button>
  <br>
  请输入名称: <input type="text" id="name">

不输入数据,怎么提交数据呢.

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世界!

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

麻雀虽小五脏俱全 Dojo自定义控件应用

现在Javascript框架.控件库有很多,jQuery.Ext.prototype.MooTools.Dojo等等,这些都是在Google上搜索"javascript+framework"列在第一页的.其中,除了MooTools,其它的都有所了解,但只在项目中用过Ext和Dojo.但一直不太喜欢Ext,性能有问题,新的版本还收费了. 另外,Ext官方提供的例子都是用JavaScript来创建和初始化控件,一个JavaScript配套一个HTML来用,这样管理起来很混乱.而且官方例子是
dojo 之基础篇(二)之从服务器读取数据

本例子沿用 "dojo 之基础篇" 中的内容首先,我们在HelloWorld.html的同一级目录,新建一个文件,名为response.txt,内容为: Welcome to the Dojo Hello World Tutorial 将section 2的代码替换为以下代码  <script type="text/javascript"> dojo.require("dojo.io.*&quo
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述

所以Javascript已经成为了web开发最最基本的要求之一了. 而在现实的敏捷开发中,我们通常会选择一个JS框架来取代繁琐的Native Javascript的编写.你会发现这样会节省很多的时间,写的代码也很清晰便捷.(当然在学生时代的是有也质疑过,用框架会对原生态的 Javascript理解不深入,其实这是多虑了的.在对框架的深入的同时,对原生的js也会理解的更透彻一些.成为一个精明的开发者,两者是相依相偎的.而最好的状态就是想Qzone前端一样,完全按照自己的需求开发出一套JS,CSS框
Dojo获取下拉框的文本和值实例代码

Dojo Dojo是一个用javascript语言实现的开源DHTML工具包.它是在几个项目捐助基础上建立起来的(nWidgets,Burstlib,f(m)),这也是为什么叫它a"unified"toolkit的原因.Dojo的目标是解决开发DHTML应用程序遇到的那些,长期存在.历史问题(historical problems with DHTML).跨浏览器问题. 1.问题背景这里有一个下拉框,其中选项为一年四季,选中后打印下拉框的值和文本 2.实现源码 <!DOCTYP
dojo学习第二天 ajax异步请求之绑定列表

用户不喜欢滚动条,于是我们做成了选项卡切换,用户不喜欢刷新页面,于是我们就要使用ajax了,前些年,几乎每个web端开发人员,都以懂得一点点ajax而自豪,但知道使用ajax是远远不够的,因为技术是为人而服务的,不能滥用技术,你总不能为了验证一个文本框textbox而去异步请求一次.我还遇到过有人,更新用户信息的时候,使用ajax更新,用户信息中的图片,又使用回发来更新,一个更新中,先ajax卡在那,然后再回发,你说这是多么2的行为?这种人还不少,我还遇到过有人用ajax更新后再location
Dojo 学习要点

由于要学习 ArcGIS Server JavaScript API,在此 API 中 ESRI 采用的是 JavaScript 开源框架 Dojo,于是先学习了点 Dojo 的知识,算是为以后的工作做准备吧. 其实开源 JavaScript 框架很多,比如最早的 prototype,很实用的 jQuery,Yahoo 的 Yui,超炫的 ExtJS 等,至于为什么 ESRI 采用 Dojo,我们也不必去猜测,肯定有人家的道理滴,好好学习 Dojo 才是硬道理. 学习 Dojo 之前,务必要掌握
dojo随手记 gird组件引用

我建了一个文件里面代码是网上下的<精通dojo>的代码: 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- ! Excerpted from "Mastering Dojo", ! published by The Pragmati
dojo学习第一天 Tab选项卡实现

其实不然,用<精通Dojo>里的话来说就是"Dojo不只是一个程序库,而是一个工具包",它比其他所有的JS库的插件更全面更广阔.它包含大约40个用户界面控件.1个图形框架.cometd支持.1个打包系统,还有其他的一些东西. 从dojo官方网站上下载最新版1.6,解压下来,它有三个文件夹分别是: 1. dojo: 是Dojo基础,你要做的其它事情都是在它的基础上,类似于jquery.js文件,但比它更丰富了一些其他功能; 2. dijit : Dojo的小部件框架及内建的
dojo 之基础篇(三)之向服务器发送数据

向服务器发送数据有get和post两种. 首先,要将body中的html代码替换为 <button dojoType="Button" widgetId="helloButton">Hello World!</button> <br> 请输入名称: <input type="text" id="name">不输入数据,怎么提交数据呢. get我们只要将基础篇(二)中的: func
Ajax 高级功能之ajax向服务器发送数据

1. 准备向服务器发送数据 Ajax 最常见的一大用途是向服务器发送数据.最典型的情况是从客户端发送表单数据,即用户在form元素所含的各个 input 元素里输入的值.下面代码展示了一张简单的表单: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本表单</title> <style>
Go语言服务器开发之客户端向服务器发送数据并接收返回数据的方法

本文实例讲述了Go语言服务器开发之客户端向服务器发送数据并接收返回数据的方法.分享给大家供大家参考.具体实现方法如下: 复制代码代码如下: package mysocket import ( "fmt" "io" "net" ) func MySocketBase() { var ( host = "www.apache.org"
dojo 之基础篇

假设我们的工程目录如下: -- HelloWorld.html |-- js/ -- dojo/ /*此处是dojo包下面的文件,列表如下 -- build.txt -- CHANGELOG -- demos -- .. -- dojo.js -- dojo.js.uncompressed.js -- iframe_history.html -- LICENSE -- README -- src/ 现在我们创建HelloWorld.html文件,代码如下:<html> <head>
Android向node.js编写的服务器发送数据并接收请求

本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下首先时node.js服务器端代码 var http = require("http"); var fs = require("fs"); var queryString = require('querystring'); var url = require('url'); var util = require('util'); http.createServer(function
Java基础第三篇构造器与方法重载

目录 1.定义构造器 2.初始化方法的优先级 3.方法重载 4.总结在方法与数据成员中,我们提到,Java中的对象在创建的时候会初始化(initialization).初始化时,对象的数据成员被赋予初始值.我们可以显式初始化.如果我们没有给数据成员赋予初始值,数据成员会根据其类型采用默认初始值.显式初始化要求我们在写程序时就确定初始值,这有时很不方便.我们可以使用构造器(constructor)来初始化对象.构造器可以初始化数据成员,还可以规定特定的操作.这些操作会在创建对象时自动执行 1.定
Python3.7黑帽编程之病毒篇（基础篇）

引子 Hacker(黑客),往往被人们理解为只会用非法手段来破坏网络安全的计算机高手.但是,黑客其实不是这样的,真正的"网络破坏者"是和黑客名称和读音相似的骇客. 骇客,是用黑客手段进行非法操作并为己取得利益的人.黑客,是用黑客手段为国家或单位做事的人. 那么,既然黑客不是一个很坏的职业,我们就可以去试着学习. 黑客本身的初衷 --黑客其实一直是善良的. 骇客其实他的前身就是黑客. 骇客与黑客分家,有这么一个故事: 原本,只有黑客一族.而不久后,有些黑客想用黑客手段来获取利益,不断被其
MySQL系列之三基础篇

目录一.MySQL简介二.MySQL的发展历史三.MariaDB的基本使用 1.基本安装与配置 2.客户端命令:mysql 3.其他客户端工具 4.安全加强脚本 mysql_secure_installation 一.MySQL简介 MySQL原本是一个开放源代码的关系数据库管理系统,原开发者为瑞典的MySQL AB公司,该公司于2008年被Sun公司收购.2009年,Oracle收购sun公司,MySQL成为Oracle旗下产品. 但被甲骨文公司收购后,Oracle大幅调涨MyS
学习手册--Linux基础篇

目录 1. Linux系统介绍 1.1 linux的概述 1.2 linux的优势 1.3 linux的分类 1.4 常见的发行版linux系统 2. Linux的安装 3. Linux的基础篇 3.1 目录结构 3.1.1 那具体有哪些呢? 3.1.2 需要特别知道的: 3.2 虚拟机之查看网络IP 3.2.1 查看网络IP 3.2.2 linux系统查看ip命令 3.2.3 在windows系统查看ip命令 3.2.4 在windows主机连接远程linux虚拟机系统测试 3.4 虚拟机之查

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

相关推荐

随机推荐