使用jQuery的ajax同步请求吃过的亏

简介: jQuery是一个很常用的js库。甚至我们开发任何一个项目都首先把jquery导入进行。jQuery太过强大,使用起来非常方便。<br>但是在使用的过程中也遇到过很多坑。我在这里分享一下,避免大家也遇到同样的问题束手无策,也方便以后回归学习。<br>普通的写法:<br><pre name="code" class="javascript">$.ajax({ url:url, type:'P
jQuery是一个很常用的js库。甚至我们开发任何一个项目都首先把jquery导入进行。jQuery太过强大,使用起来非常方便。
但是在使用的过程中也遇到过很多坑。我在这里分享一下,避免大家也遇到同样的问题束手无策,也方便以后回归学习。
普通的写法:
$.ajax({
	url:url,
	type:'POST',
	async:false,
	data:{
		id:1
	},
	dataType:'json',
	timeout:666666,
	success:function(resultObj){
	}
});
这里有两个要点:
1.有些版本的async这个属性,不能加引号(如:'false'或"false"就不起作用)
2.dataType这个属性必须和返回的响应内容对应。即返回xml的话,就不能使用dataType:'json',这样会导致success回调函数不执行。
3.timeout设置请求超时时间(毫秒)。此设置将覆盖全局设置。设置过大,数字过长,部分浏览器就不支持了。

具体使用查看http://jquery.cuishifeng.cn/jQuery.Ajax.html在线api

欢迎大家关注我的博客!如有疑问,请加QQ群:454796847共同学习!

目录
相关文章
|
2月前
|
XML 前端开发 JavaScript
|
15天前
|
JSON 前端开发 JavaScript
Python中如何判断是否为AJAX请求
AJAX请求是Web开发中常见的异步数据交互方式,允许不重新加载页面即与服务器通信。在Python的Django和Flask框架中,判断AJAX请求可通过检查请求头中的`X-Requested-With`字段实现。Django提供`request.is_ajax()`方法,Flask则需手动检查该头部。本文详解这两种框架的实现方法,并附带代码示例,涵盖安全性、兼容性、调试及前端配合等内容,帮助开发者提升Web应用性能与用户体验。
33 0
|
3月前
|
JSON JavaScript 前端开发
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
75 22
|
3月前
|
前端开发 JavaScript
回顾前端页面发送ajax请求方式
回顾前端页面发送ajax请求方式
45 18
|
3月前
|
前端开发 JavaScript Java
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
102 4
|
3月前
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
155 1
|
4月前
|
前端开发
React技术栈-react使用的Ajax请求库实战案例
这篇文章介绍了在React应用中使用Axios和Fetch库进行Ajax请求的实战案例,展示了如何通过这些库发送GET和POST请求,并处理响应和错误。
71 10
|
4月前
|
前端开发
React技术栈-react使用的Ajax请求库用户搜索案例
这篇文章展示了一个React技术栈中使用Ajax请求库(如axios)进行用户搜索的实战案例,包括React组件的结构、状态管理以及如何通过Ajax请求获取并展示GitHub用户数据。
40 7
React技术栈-react使用的Ajax请求库用户搜索案例
|
4月前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
46 1
|
4月前
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。