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
});
相关文章
|
10月前
|
JSON JavaScript 数据格式
jqtimeline.js-简单又好用的jquery时间轴插件
jqtimeline.js-简单又好用的jquery时间轴插件
|
JavaScript 前端开发
js+jquery实现贪吃蛇经典小游戏
本项目采用HTML、CSS、JavaScript和jQuery技术,无需游戏框架支持。通过下载项目文件至本地,双击index.html即可启动贪吃蛇游戏。游戏界面简洁,支持方向键控制蛇移动,空格键实现游戏暂停与恢复功能。
377 14
|
JavaScript
Node.js GET/POST请求
10月更文挑战第6天
203 2
Node.js GET/POST请求
|
JavaScript 前端开发 开发者
jQuery:JavaScript库的瑰宝
jQuery:JavaScript库的瑰宝
311 3
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
639 1
|
JavaScript 前端开发
JavaScript - 测试 jQuery
JavaScript - 测试 jQuery
104 1
|
JavaScript 前端开发 API
深入了解jQuery:快速、高效的JavaScript库
【10月更文挑战第11天深入了解jQuery:快速、高效的JavaScript库
188 0
|
Web App开发 JavaScript 前端开发
[Js笔记]Ajax通过GET方式与PHP进行交互
Ajax介绍: 内翻译常为“阿贾克斯”和阿贾克斯足球队同音。Web应用的交互如Flickr,Backpack和Google在这方面已经有质的飞跃。这个术语源自描述从基于Web的应用到基于数据的应用的转换。
1053 0
|
XML 前端开发 JavaScript
什么是Ajax和jquery
什么是Ajax和jquery
177 0
|
JSON 前端开发 Java
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
利用Spring Boot处理JSON数据实战(包括jQuery,html,ajax)附源码 超详细
585 0