Ajax(一)

1.客户端与服务器

1.1 服务器

    上网过程中,负责存放和对外提供资源的电脑。

1.2 客户端

    上网过程中,负责获取和消费资源的电脑。

2.URL地址

2.1 URL地址的概念

 2.2 URL地址的组成部分

3. 分析网页的打开过程

3.1 图解客户端与服务器的通信过程

三个步骤: 请求--处理--响应 ,网页中的每个资源都是通过此方式获取

3.2 基于浏览器的开发者工具分析通信过程

doc是网页

4. 数据————资源

 

 4.1 网页中如何请求数据

用法:var xhrObj = new XMLHttpRequest() 

从网页中拿数据:只要new一个XMLHttpRequest,就可以发起数据请求了

4.2 资源的请求方式

 5. Ajax

5.1 什么是Ajax

 Ajax实现网页与服务器之间的数据交互

5.2 Ajax的典型应用场景

 

 

 6. jQuery中的Ajax

6.1 了解jQuery中的Ajax

 

注:$.ajax() 既可以获取数据,也可以提交数据

 6.2 $.get()函数的用法

语法:$.get(url,[data],[callback])   第一个资源地址必须有,二三随意

 6.2.1 $.get()发起不带参数的请求

<body>

  <button id="btnGET">发起不带参数的GET请求</button>

  <script>

    $(function () {

      $('#btnGET').on('click', function () {

        $.get('http://www.liulongbin.top:3006/api/getbooks', function (res) {

          console.log(res)

        })

      })

    })

  </script>

</body>

 6.2.2 $.get()发起带参数的请求

 6.3 $.post()函数的用法

 语法:$.post(url,[data],[callback])   第一个资源地址必须有,二三随意

 6.3.1 $.post()向服务器提交数据

 6.4 $.ajax()函数的用法

基本语法:

 

  6.4.1 使用$.ajax()发起GET的请求

  6.4.2 使用$.ajax()发起POST的请求

将“GET”换成"POST"即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值