javaQuery异步ajax

本文深入解析了jQuery中的AJAX技术,包括GET与POST请求的区别、异步与同步请求的设置、数据类型的选择、序列化表单数据的方法,以及如何处理请求的成功与失败。同时介绍了$.get(), $.post()和$.getJSON()等快捷方法的使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

文献种类:专题技术总结文献;
开发工具与关键技术:DW与 JavaScript
作者: 陈良鑫 ;年级: 19 ;撰写时间: 2020 年 4 月 28 日

javaQuery异步ajax

开发工具与关键技术:Adobe Dreamweaver JavaScript
作者:陈良鑫
撰写时间:2020年4月28日

JavaScript中的XMLHttpRequest对象
XMLHttpRequest对象 从服务器上面获取数据
XMLHttpRequest对象 提交页面表单数据
.ajax(settings);type:类型,"POST"或"GET",默认值为"GET"url:发送请求的地址async:设置异步,(默认:true)默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。data:是一个对象,连同请求发送到服务器的数据dataType:预期服务器返回的数据类型,如果不指定,jQuery将自动根据http包MIME信息来智能判断,一般我们采用json格式,可以设置为"json"success:是一个方法,请求成功后的回调函数,传入返回后的数据,以及包含成功代码的字符串error:是一个方法,请求失败是调用此函数,传入XMLHttpRequest对象jQuery中ajax方法从服务器上获取数据serialize()序列表单内容为字符串,用于Ajax请求serializeArray()序列化表单元素(类似′.serialize()′方法)返回JSON数据结构数据。注意:此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作返回的JSON对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对——name参数和value参数语法:.ajax({settings}); type:类型,"POST"或"GET",默认值为"GET" url:发送请求的地址 async:设置异步,(默认: true) 默认设置下,所有请求均为异步请求。如果需要发送同步请求, 请将此选项设置为 false。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。 data:是一个对象,连同请求发送到服务器的数据 dataType:预期服务器返回的数据类型,如果不指定,jQuery将自动根据http包MIME信息来智能判断, 一般我们采用json格式,可以设置为"json" success:是一个方法,请求成功后的回调函数,传入返回后的数据,以及包含成功代码的字符串 error:是一个方法,请求失败是调用此函数,传入XMLHttpRequest对象 jQuery中ajax方法从服务器上获取数据 serialize() 序列表单内容为字符串,用于 Ajax 请求 serializeArray() 序列化表单元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。 注意:此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作 返回的JSON对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对——name参数和value参数 语法:.ajax(settings);type:"POST""GET","GET"url:async:(:true)falsedata:dataType:,jQueryhttpMIME,json"json"success:error:XMLHttpRequestjQueryajaxserialize()AjaxserializeArray()(.serialize())JSONJSONJSON使JSONnamevalue.get(url, [data], [callback], [type])
描述:通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
参数说明:
url:发送请求地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。

语法:$.post(url, [data], [callback], [type])
描述:通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
参数说明:
url:发送请求地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。

Query中的.getJSON()方法语法:.getJSON()方法 语法:.getJSON().getJSON(url, [data], [callback])
描述:通过 HTTP GET 请求载入JSON数据
参数说明:
url:发送请求地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。

  链接

发表平台 文章发表网站链接URL 文章发表网站链接【二维码】 发表者
优快云个人博客
https://blog.youkuaiyun.com/

https://blog.youkuaiyun.com/weixin_44563954/article/details/86534500

 	学生本人

陈良鑫
优快云专业技术论坛
https://bbs.youkuaiyun.com/
.NET、Java、Web、数据库开发、企业IT(地理信息系统)、云计算、移动开发、开发语言等 每个月发布在同一个主题下,每个月的网页链接和二维码都是同一个。 学生本人

陈良鑫

https://bbs.youkuaiyun.com/topics/392512019

百度贴吧:广信IT学院吧
https://tieba.baidu.com/f?kw=%E5%B9%BF%E4%BF%A1it%E5%AD%A6%E9%99%A2

(百度贴吧正文开头添加本文章优快云的两个发表链接) 每个月发布在同一个主题下,每个月的网页链接和二维码都是同一个。 学生本人

陈良鑫

百度贴吧:广东信息科技职业培训学院吧
https://tieba.baidu.com/f?kw=%E5%B9%BF%E4%B8%9C%E4%BF%A1%E6%81%AF%E7%A7%91%E6%8A%80%E8%81%8C%E4%B8%9A%E5%9F%B9%E8%AE%AD%E5%AD%A6%E9%99%A2
(百度贴吧正文开头添加本文章优快云的两个发表链接) 学生本人

陈良鑫
广信IT学院
官网
www.gxrjxy.cn

学院督导
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值