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：从指定的资源请求数据。

2. 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 请求必须在服务器端打开。）