浅析Ajax不同请求方式下如何传参

最新推荐文章于 2022-08-25 17:11:55 发布

只如初见0706

最新推荐文章于 2022-08-25 17:11:55 发布

阅读量432

点赞数

分类专栏： js 文章标签：网络 url 数据 AJAX POST

本文链接：https://blog.csdn.net/zrcj0706/article/details/78640205

版权

js 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

1.GET方式:通过传参获取网络数据

 $.ajax({
      url: "/get",
	  type: "GET",
      dataType: "json",
      data: { "id": 2,"name":'xaioming' }, 
      success: function (data) {
        console.log(data);
      }.bind(this),
      error: function (xhr, status, err) {
      }.bind(this)
    });

2.POST方式：提交数据（添加功能）

添加：contentType: "application/json; charset=utf-8",
添加：JSON.stringify（），将从一个对象解析出字符串
进一步了解contentType。请参考：http://blog.csdn.net/zrcj0706/article/details/78639548

 $.ajax({
      url: "/POST",
      type: "POST",
      dataType: "json",
      contentType: "application/json; charset=utf-8",
      data: JSON.stringify({
        "title": "123445",
      }
      ),
      success: function (data) {
        console.log('成功');
      }.bind(this),
      error: function (xhr, status, err) {
      }.bind(this)
    });

3.DELETE方式：删除功能

 $.ajax({
      url: "/DELETE",
	  type: "DELETE",
      dataType: "json",
      data: { "id": 2}, 
      success: function (data) {
        console.log(data);
      }.bind(this),
      error: function (xhr, status, err) {
      }.bind(this)
    });

4.PUT方式：修改功能

$.ajax({
      url: "/PUT",
	  type: "PUT",
      dataType: "json",
      data: { "id": 2}, 
      success: function (data) {
        console.log(data);
      }.bind(this),
      error: function (xhr, status, err) {
      }.bind(this)
    });