我是靠谱客的博主 繁荣小丸子,最近开发中收集的这篇文章主要介绍jQuery请求AJAX(get/post),觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

jQuery请求AJAX

$.AJAX

ajax(方法用于执行 AJAX 请求。

所有的jQuery AJAX 方法都使用 ajax() 方法该方法通常用于其他方法不能完成的请求。

名称

值/描述

async

布尔值,表示请求是否异步处理。默认是 true。

type

规定请求的类型 (GET 或 POST)。

url

规定发送请求的 URL。默认是当前页面。

success(result, status, xhr)

当请求成功时运行的函数。

dataType

预期的服务器响应的数据类型。(json)

beforeSend(xhr)

发送请求前运行的函数。

complete(xhr, status)

请求完成时运行的函数 (在请求成功或失败之后均调用,即在 success 和 error 函数之后)

data

规定要发送到服务器的数据。

error(xhr, status, error)

如果请求失败要运行的函数。

Ajax 一般用于请求后端路径,返回json 数据,下面使用 AJAX 请求json 数据:

<script>
$(function(){
$("#btn").click(function(){
$.ajax({
type:"get",
url:"json.json",
dataType:"json",
success:function(send){
// console.log(JSON.stringify(send))
$("#div1").html(JSON.stringify(send))
}
})
})
})
</script>
$.get() 和 $.post()
  1. get:从指定的资源请求数据。

  1. post:向指定的资源提交要处理的数据。

GET 基本上用于从服务器获得 (取回)数据。注释 GET 法可能返回缓存数据。

POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。

$.get

s.get()方法通过 HTTP GET 请求从服务器上请求数据。

 <script>
$(function(){
$("#btn").click(function(){
$.get("json.json",function(send,ss){
$("#div1").html(JSON.stringify(send)+ss)
})
})
})
</script>

$.post

$.post() 方法通过 HTTP POST 请求向服务器提交数据。(post 请求必须在服务器端打开。)

最后

以上就是繁荣小丸子为你收集整理的jQuery请求AJAX(get/post)的全部内容,希望文章能够帮你解决jQuery请求AJAX(get/post)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(44)

评论列表共有 0 条评论

立即
投稿
返回
顶部