文档章节

Ajax 学习总结

learn_more
 learn_more
发布于 2015/04/02 15:52
字数 659
阅读 26
收藏 1


    1、异步请求不能进行页面跳转,如果想要页面跳转只能是采用window.location.href,所以不能使用Spring的ModeAndView进行视图跳转。

    2、Ajax没有提供文件上传的接口,原因就是文件上传需要表单指定head格式为 enctype="multipart/form-data" , 然而,jQuery只提供对文本的的传送,文件上传只能是通过浏览器的表单以文件流的形式进行发送传输。如果想要采用Ajax进行文件上传,那么只能借助表单提交的方式

    3、常用配置

type              请求方式,默认为 get , 可以指定 put delete 但是,要看浏览器是否支持Restful
data 请求数据,默认为null,可以是js对象,也可以是URL参数形式,js对象时要注意,对于数组,一定要把数组先转为json格式数据。
url 请求地址,不多说
contentType                                                   浏览器发送到服务器时的数据类型,一般不修改默认值,Ajax只有一种类型:
application/x-www-form-urlencoded
然而,表单提交需要文件流的新式 multipart/form-data
所以,Ajax无法进行文件上传!
dataType 服务器发送到浏览器的数据类型,这个默认为text,其实这个值作用很大,
1)当服务器返回json数据时,我们可以把这个值设为json,那么Ajax会默认进行text转为json对象!
2)当服务器返回HTML数据时,我们可以把这个值设为HTML,那么Ajax会默认把HTML标签进行HTML渲染!
timeout 连接超时,这是个很重要的属性,EasyUI中表单提交没有提供连接超时选项,它只提供了success,也就是只能是返回成功才会调用,如果后台数据异常,那么这个方法success不会得到回调,最后的结果就是,不知道后台发生了什么情况!如果设置了遮罩设备就更麻烦了,我的处理方式是,setInterval();在一定时间之后就把遮罩给自动去掉。

success 成功回调,只要服务器是正常返回,都会会回调这个方法!

一定是后台没有异常的情况下,而且响应时间在timeout以内。

error 异常回调,后台数据异常,响应时间已经超过了timeout,这个方法就会被回调!

这个方法的作用是巨大的,因为,服务器发生错误是一个很重要的信息。


© 著作权归作者所有

共有 人打赏支持
learn_more
粉丝 92
博文 240
码字总数 210196
作品 0
深圳
程序员
私信 提问
POST四种请求格式 前后端代码示例

application/json 服务器端使用spring boot 客户端,原生ajax 浏览器请求详情 application/x-www-form-urlencoded 服务端,springboot 客户端,html form 表单 或者使用 ajax 浏览器请求详情...

朱小维
2018/08/13
0
0
Ajax 入门总结

(由于Eclipse RAP用到了开源的Ajax框架 qooxdoo, 并且自定义UI需要用js表达, 所以不得已, 先学习一下Ajax) 进入Ajax领域出现了几个小问题: Tomcat安装, 无论怎么弄webapps目录下,永远都不...

晨曦之光
2012/03/09
154
0
前端相关大杂烩

前端基础面试题(JS部分) 前端基础面试题(JS部分) 学习 React.js 比你想象的要简单 原文地址:Learning React.js is easier than you think 原文作者:Samer Buna 译文出自:掘金翻译计划 本文...

掘金官方
2018/01/12
0
0
Web开发系列 - JSON

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写,同时也易于机器解析和生成。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一个子...

长征2号
2017/01/05
0
0
【Ajax】Ajax总结

一、什么是Ajax: 允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax(AsynchronousJavaScript and XML)。不用刷新整个页面便可与服务器通讯的办法。比如:高德地图就是不用刷新...

j15533415886
2017/12/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

cnetos7+docker+rancher构建基于DevOps的全自动CI【01】

来自DevOps实践分享,分享从开发代码到生产环境部署的一条龙操作的实践及经验, 包含工具技术的选型及考量、私有代码库与私有镜像库的应用等。 1、环境选择 安装Rancher环境,一定要在干净的...

Elson
11分钟前
0
0
21分钟教会你分析MaxCompute账单

背景 阿里云大计算服务MaxCompute是一款商业化的大数据分析平台,其计算资源有预付费和后付费两种计费方式。并且产品每天按照project为维度进行计量计费(账单基本情况下会第二天6点前产出)...

zhaowei121
14分钟前
0
0
CTO职场解惑指南系列(一)

基于科技能够改变世界的事实,几乎每个公司的程序员都自带闪光灯。程序员的手和普通人的手自然是有区别的,“我们可是用双手改变了世界” 。(码农真的是靠双手吃饭,呵呵) 这个世界上但凡靠...

阿里云云栖社区
19分钟前
0
0
css实现图片自适应容器宽高

css实现图片自适应容器宽高的做法一般如下所示 <style>div{width: 200px; height: 200px}div img{width: 100%; height: 100%}</style><div><img src="xxxx.png" /></div> 当外层容......

小草先森
19分钟前
0
0
PlatON在CentOS上编译部署

本文作者为万向区块链CTO罗荣阁。 目录 PlatON在CentOS上编译部署 1. CentOS 环境准备 1.1. 使用rpm 安装devtoolset-7 1.2. 使用rpm 安装dos2unix 1.3. 准备PlatON代码 1.4. 确保build脚本正...

万向区块链
27分钟前
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部