jQuery - AJAX

1.load()

load() 方法从服务器加载数据，并把返回的数据放入被选元素中。
语法：$(selector).load(URL,data,callback)

<script>
    Mock.mock('http://localhost:4000/test',"Mock.js生成随机数据,拦截Ajax 请求 开始 前后端分离 让前端攻城师独立于后端进行开发")
    $(function(){
        $("#box").load('http://localhost:4000/test')
    })
</script>

2.$.get() 方法

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

语法：$.get(URL,callback);
回调参数中有2个参数，一个是返回的数据，一个是返回的状态

<script>
    Mock.mock('http://localhost:4000/test',"Mock.js生成随机数据,拦截Ajax 请求 开始 前后端分离 让前端攻城师独立于后端进行开发")
    $(function(){
        $.get("http://localhost:4000/test",function(res,status){
            if(status === 'success'){
                $("#box").html(res)
            }
        })
    })
</script>

3.$.post() 方法

$.post() 方法通过 HTTP POST 请求向服务器提交数据。

语法：$.post(URL,data,callback);

<script>
    Mock.mock('http://localhost:4000/test',"Mock.js生成随机数据,拦截Ajax 请求 开始 前后端分离 让前端攻城师独立于后端进行开发")
    $(function(){
        $.post("http://localhost:4000/test",function(res,status){
            //console.log(res,status)
            if(state === 'success'){
                $("#box").html(res)
            }
        })
    })
</script>

4.$.ajax(options)

ajax() 方法用于执行 AJAX（异步 HTTP）请求。

ajax()接收一个对象参数：
url：请求的地址
type：请求类型
data：规定要发送到服务器的数据。
success：成功的回调

jQuery - AJAX

原文：https://www.cnblogs.com/OrochiZ-/p/11628769.html