文档章节

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
粉丝 93
博文 240
码字总数 210196
作品 0
深圳
程序员
私信 提问
加载中

评论(0)

POST四种请求格式 前后端代码示例

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

朱小维
2018/08/13
0
0
前端相关大杂烩

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

掘金官方
2018/01/12
0
0
Ajax 入门总结

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

晨曦之光
2012/03/09
177
0
jquery中ajax中post方法(多学习:洞悉原理,触类旁通)(函数封装思想)

jquery中ajax中post方法(多学习:洞悉原理,触类旁通)(函数封装思想) 一、总结 1、多看学习视频:洞悉原理,触类旁通, 2、函数封装:$.post(URL,data,callback); 这个函数就是赤裸裸的对...

osc_xp2ngacj
2018/05/24
2
0
Web开发系列 - JSON

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

长征2号
2017/01/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

可以让你用到老的IntelliJ idea 破解法子

看下效果图如下: 安装的时候选择试用,然后进入idea 下载插件 插件地址 然后将jetbrains-agent.jar文件拖入到idea中 然后重启 然后选择Activation code 然后就ojbk了...

布袋和尚_爱吃鱼
13分钟前
15
0
获取类对象的四种方式

/* * 获取类对象的三种方式 * */ public static void main(String[] args) throws Exception { //1、Class.forName 【建议】 Class<?> clazz1 = Class.forName("com.czxy.demo2.Person"); //......

费先森
28分钟前
21
0
2020中台建设-技术中台的搭建和运营

2020中台建设-技术中台的搭建和运营

Original123
35分钟前
22
0
CTO:不要在 Java 代码中写 set/get 方法了,逮一次罚款

前言 what?你的 Java 代码中还充斥着大量的 set/get 方法? 我们在刚开始学习 Java 语言的时候讲过,面向对象的三大特征就是封装,继承,和多态。在 Java 中,要保证封装性,需要将成员变量...

码农突围
45分钟前
21
0
为什么不推荐去做安全测试工程师?

对,你没看错。我不推荐大家去做安全测试工程师。 为什么不推荐大家去做安全测试? 今天,很多软件并没有经过专门的安全测试便运行在互联网上,它们携带着各类安全漏洞直接暴露在公众面前,其...

爱码小哥
今天
32
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部