文档章节

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
粉丝 91
博文 240
码字总数 210196
作品 0
深圳
程序员
POST四种请求格式 前后端代码示例

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

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

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

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

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

掘金官方
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

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周四乱弹 —— 毒蛇当辣条

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ 达尔文:分享花澤香菜/前野智昭/小野大輔/井上喜久子的单曲《ミッション! 健?康?第?イチ》 《ミッション! 健?康?第?イチ》- 花澤香菜/前野智...

小小编辑
今天
5
2
java -jar运行内存设置

java -Xms64m #JVM启动时的初始堆大小 -Xmx128m #最大堆大小 -Xmn64m #年轻代的大小,其余的空间是老年代 -XX:MaxMetaspaceSize=128m # -XX:CompressedClassSpaceSize=6...

李玉长
今天
1
0
Spring | 手把手教你SSM最优雅的整合方式

HEY 本节主要内容为:基于Spring从0到1搭建一个web工程,适合初学者,Java初级开发者。欢迎与我交流。 MODULE 新建一个Maven工程。 不论你是什么工具,选这个就可以了,然后next,直至finis...

冯文议
今天
1
0
RxJS的另外四种实现方式(四)——性能最高的库(续)

接上一篇RxJS的另外四种实现方式(三)——性能最高的库 上一篇文章我展示了这个最高性能库的实现方法。下面我介绍一下这个性能提升的秘密。 首先,为了弄清楚Most库究竟为何如此快,我必须借...

一个灰
今天
1
0
麒麟AI首席科学家现世

8月31日,华为发布了新一代顶级人工智能手机芯片麒麟980,成为全球首款7nm工艺手机芯片,AI方面也实现飞跃,支持人脸识别、物体识别、物体检测、图像分割、智能翻译等。 虽然如今人人都在热议...

问题终结者
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部