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
});
相关文章
|
4月前
|
XML 前端开发 JavaScript
|
3月前
|
JSON 前端开发 JavaScript
Python中如何判断是否为AJAX请求
AJAX请求是Web开发中常见的异步数据交互方式,允许不重新加载页面即与服务器通信。在Python的Django和Flask框架中,判断AJAX请求可通过检查请求头中的`X-Requested-With`字段实现。Django提供`request.is_ajax()`方法,Flask则需手动检查该头部。本文详解这两种框架的实现方法,并附带代码示例,涵盖安全性、兼容性、调试及前端配合等内容,帮助开发者提升Web应用性能与用户体验。
66 0
|
5月前
|
JSON JavaScript 前端开发
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
《进阶篇第6章:vue中的ajax》包括回顾发送ajax请求方式、vue-cli脚手架配置代理服务器、vue-resource
92 22
|
4月前
|
数据采集 前端开发 JavaScript
虎扑APP数据采集:JavaScript与AJAX的结合使用
虎扑APP数据采集:JavaScript与AJAX的结合使用
|
5月前
|
JavaScript
Node.js GET/POST请求
10月更文挑战第6天
57 2
Node.js GET/POST请求
|
5月前
|
前端开发 JavaScript
回顾前端页面发送ajax请求方式
回顾前端页面发送ajax请求方式
64 18
|
5月前
|
前端开发 JavaScript Java
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
141 4
|
5月前
|
前端开发 JavaScript 数据处理
JQuery 拦截请求 | Ajax 请求拦截
【10月更文挑战第4天】
243 1
|
6月前
|
移动开发 前端开发 JavaScript
js之ajax |12-6
js之ajax |12-6
|
6月前
|
JSON JavaScript 前端开发
Jquery常用操作汇总,dom操作,ajax请求
本文汇总了jQuery的一些常用操作,包括DOM元素的选择、添加、移除,表单操作,以及如何使用jQuery发送Ajax请求,涵盖了GET、POST请求和文件上传等常见场景。

热门文章

最新文章