jQuery中的$.ajax()、$.post()、$.get()

鳄鱼君

发表文章数:642

热门标签

, , ,

Vieu四代商业主题

高扩展、安全、稳定、响应式布局多功能模板。

¥69 现在购买
首页 » 经验教程 » jQuery中的$.ajax()、$.post()、$.get()

$.ajax()

$.ajax() 是 jQuery 中 AJAX 请求的核心方法,所有的其他方法都是在内部使用此方法。

语法

 $.ajax( { name:value, name:value, ... } ) 

说明:参数是 json 的数据,包含请求方式,数据,回调方法等
async : 布尔值,表示请求是否异步处理。默认是 true
contentType :发送数据到服务器时所使用的内容类型。默认是: “application/x-www-form-urlencoded”。
data:规定要发送到服务器的数据,可以是:string, 数组,多数是 json
dataType:期望从服务器响应的数据类型。 xml, json, text,, html

 "xml" - 一个 XML 文档 
"html" - HTML 作为纯文本 
"text" - 纯文本字符串 
"json" - 以 JSON 运行响应,并以对象返回 

error(xhr,status,error)
如果请求失败要运行的函数, 其中 xhr, status, error 是自定义的形参名
success(result,status,xhr):当请求成功时运行的函数,其中 result, status, xhr 是自定义的形参 名
type:规定请求的类型(GET 或 POST 等),默认是 GET, get,post 不用区分大小写
url:规定发送请求的 URL。

以上是常用的参数。 error() , success()中的 xhr 是 XMLHttpRequest 对象。

$.ajax(
            {   async: true,
                contentType: "application/json",
                data: {"name": "eyujun","age": 18},
                dataType: "json",
                error: function(){
                    alert("请求错误时执行的函数");
                },
                success: function (data) {
                // data 就是 responseText

                },
                url: "https://baidu.com",
                type: "post"
            }
        )

$.get()

$.get() 方法使用 HTTP GET 请求从服务器加载数据。

语法:

$.get(url,data,function(data,status,xhr),dataType) 
url 必需。规定您需要请求的 URL。 data 可选。规定连同请求发送到服务器的数据。 
function(data,status,xhr)可选。当请求成功时运行的函数。
data,status,xhr 是自定义形参名。 

参数说明:

data - 包含来自请求的结果数据 
status - 包含请求的状态("success"、"notmodified"、"error"、"timeout"、"parsererror") 
xhr - 包含 XMLHttpRequest 对象 dataType 可选。规定预期的服务器响应的数据类型。
可能的 类型: 
"xml" - 一个 XML 文档 
"html" - HTML 作为纯文本 
"text" - 纯文本字符串 
"json" - 以 JSON 运行响应,并以对象返回 

$.post()

$.post() 方法使用 HTTP POST 请求从服务器加载数据。 语法:$.post(URL,data,function(data,status,xhr),dataType) 参数同$get()

未经允许不得转载:作者:鳄鱼君, 转载或复制请以 超链接形式 并注明出处 鳄鱼君
原文地址:《jQuery中的$.ajax()、$.post()、$.get()》 发布于2020-08-28

分享到:
赞(0) 赏杯咖啡

评论 抢沙发

6 + 4 =


文章对你有帮助可赏作者一杯咖啡

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.6主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录
切换登录

注册