且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Javascript:jQuery的ajax请求get请求模板

更新时间:2022-09-06 16:08:52

确保引入jQuery可用

https://code.jquery.com/jquery-3.3.1.min.js

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

ajax方式

$.ajax({
    type: "GET",
    url: "/json",
    dataType: "json",
    success: function (data) {
        // do something;
    }
});

如果请求到的是json对象,不需要反序列化,可以直接操作

get方式

$.get(url,data,success(response,status,xhr),dataType)

// 等价于
$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

示例

$.get(
    "test.cgi", 
    { name: "John", time: "2pm" },
    function(data){
    alert("Data Loaded: " + data);
  });

POST方式

$.post(url,data,success(data, textStatus, jqXHR),dataType)

// 等价于
$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

参考:

  1. $.ajax()方法详解
  2. jQuery ajax - get() 方法