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

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

确保引入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() 方法
相关文章
|
JavaScript 前端开发 定位技术
|
机器学习/深度学习 JavaScript 前端开发
|
3月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
30 0
|
3月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
81 0
|
12天前
|
存储 移动开发 JavaScript
学习javascript,前端知识精讲,助力你轻松掌握
学习javascript,前端知识精讲,助力你轻松掌握
|
19天前
|
JavaScript 前端开发 测试技术
学习JavaScript
【4月更文挑战第23天】学习JavaScript
13 1
|
26天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
2月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
2月前
|
JavaScript
Vue.js学习详细课程系列--共32节(6 / 6)
Vue.js学习详细课程系列--共32节(6 / 6)
28 0

相关实验场景

更多