一、服务器的基本概念与初识Ajax

最新推荐文章于 2024-05-17 13:48:31 发布

槿川001

最新推荐文章于 2024-05-17 13:48:31 发布

阅读量205

点赞数

分类专栏： Ajax 文章标签： ajax 服务器 javascript

本文链接：https://blog.csdn.net/qq_55891636/article/details/128086253

版权

Ajax 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

客户端与服务器

服务器：上网过程中，负责存放和对外提供资源的电脑，叫做服务器

客户端：上网过程中，负责获取和消费资源的电脑，叫做客户端

URL地址

URL又叫统一资源定位符

URL地址一般由三部分组成

1、客户端与服务器之间的通信协议

2、存有该资源的服务器名称

3、资源在服务器上的具体存放位置

jQuery中的Ajax

jQuery中发起Ajax请求最常用的三个办法：

1、$.get()

2、$.post()

3、$.ajax()

$.get()函数的语法

  $.get(url, [data], [callback])

其中三个参数含义如下：

参数名	参数类型	是否必选	说明
url	string	是	要请求的资源地址
data	object	否	请求资源期间要携带的参数
callback	function	否	请求成功时的回调函数

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

直接提供请求的URL地址和请求成功之后的回调函数

语法：

  //$.get('请求的URL地址'，回调函数)
  $.get('http://www.liulongbin.top:3006/api/getbooks',function(res){
        console.log(res)//这里的res是服务器返回的数据
  })

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

语法：

  $.get('http://www.liulongbin.top:3006/api/getbooks', {id:1}, function(res){
      console.log(res)
  })

$.post()函数的语法

  $.post(url，[data], [callback])

三个参数代表的含义如下：（其中，[ ]只是表示非必选/可选）

参数名	参数类型	是否必选	说明
url	string	是	提交数据的地址
data	object	否	要提交的数据
callback	function	否	数据提交成功时的回调函数

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

语法：

   //$.post('提交数据的地址',{提交的数据},回调函数)
  $.post('http://www.liulongbin.top:3006/api/addbook',//提交数据的地址
                      { bookname: '活着', author: '余华', publisher: '上海图书出版社', },//提交的数据
                      function (res) {
                          console.log(res)
                      }//回调函数

$.ajax()函数的语法

$.ajax()既可以发起get请求也可以发起post请求

语法：

  $.ajax({
      type: '',   //请求的方式，get或post
      url: '',    //请求的URL地址
      data: {},   //这次请求要携带的数据
      success: function(){}   //请求成功之后的回调函数
  })

使用$.ajax()函数发起GET请求

只需要将type属性的值设置为'GET'

语法：

  $.ajax({
      type: 'GET',    //请求的方式
      url: 'http://www.liulongbin.top:3006/api/getbooks', //请求的URL地址
      data: {
          id: 1
      },  //这次请求要携带的数据
      success: function (res) {
          console.log(res)
      }   //请求成功之后的回调函数
  })

使用$.ajax()函数发起POST请求

只需要将type属性的值设置为'POST'

语法：

  $.ajax({
      type: 'POST',   //请求的方式
      url: 'http://www.liulongbin.top:3006/api/addbook',  //请求的URL地址
      data: {
          bookname: 'C语言程序设计',
           author: '谭浩强',
           publisher: '清华大学出版社',
      },  //要提交给服务器的数据
      success: function (res) {
          console.log(res)
      }   //请求成功之后的回调函数
  })