jquery ajax异步请求

2024-03-27 06:59:17

jQuery封装了JavaScript的一些常用方法，而jQuery中的ajax是一个比较常用的方法，然而，对很多初学者来说，会觉得异步请求会很难操作，下面我讲述下jQuery常用的ajax异步请求的方法。

操作方法

01

得先知道后台接口给ajax访问（接口URl和传入接口的参数及参数类型），知道访问之后返回的数据类型，有哪些数据。
02

选择异步请求的方式，常用的有三种，如$.ajax()、$.post()、$.get()。其中$.ajax允许get/post两种请求方式，$.get()只允许get请求，$.post()只允许post请求方式。
03

异步请求所需要的常用要素： a、url （访问url） b、dataType（数据传输方式） c、success成功之后的回调函数。
04

$.ajax使用示范代码（由于异步请求的参数较多，实例只是常用参数，下同）。设接口url var url='/test/test.do'; //下面的实例代码都用此访问接口url $.ajax({ url:url, dataType:'text', success: function(data){ (请求成功之后的前端处理代码) } });
05

$.post使用示范代码： $.post(url, { name: "John", time: "2pm" }, function(data){ alert("Data Loaded: " + data); },'text');
06

$.get使用实例代码： $.get(url, { name: "John", time: "2pm" }, function(data){ alert("Data Loaded: " + data); });
07

看，jQuery异步请求简单吧。学会这三种方式做前后端交互基本就够用了。

赞 (0)

怎么使用AJAX的GET和POST异步请求

当你的网页不想刷新又想修改数据,这个时候jquery能很好的帮助你实现,特别是当你的数据需要从数据库获取的时候,就能使用jquery封装ajax. 操作方法 01 首先当你要设置一个点击事件或者其它时 ...
ajax parser error如何解决

jQuery ajax返回parsererror错误的解决方法操作方法 01 解决方法: 在Ajax中添加语句"contentType: "application/x-www-f ...
CORS .net 跨域解决方案

IIS部署wcf rest项目(或.net web项目)时,CORS跨域配置,并完美解决POST带参数请求问题操作方法 01 如图:打开IIS,找到 "HTTP响应标头" 02 ...
firebug如何使用以及firebug安装的图文步骤

Firebug是网页浏览器 Mozilla firefox下的一款开发类插件，现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体， ...
firebug怎么使用?

一、安装Firebug Firebug在Firefox浏览器中运行。另外有一个Firebuglite版本，可以通过javascript调用，包含在页面中，从而在其他非Firefox浏览器中使用。本文不 ...
谷歌浏览器怎么调试js

首先我们打开开发者工具，你可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台) ...
宽带连接错误代码

我们日常使用电脑连接宽带出现错误时,都会返回一个错误代码,每个代码对应的是不同的错误提示. 600 某操作处于挂起状态. 发生内部错误,重新启动计算机,以确保所有最近所作的配置更改都能生效. 601 ...
AndroidStudio怎么加载并使用okHttp?

okHttp请求已经成为了一个大的趋势,那么AndroidStudio如何使用okHttp. 一.引用okHttp框架 1.点击File-->Project Structure,如图: 2.点击 ...
宽带连接错误代码（宽带代码错误怎么解决）

千万不要一口气看完,看之前带上一杯快乐肥宅水,上头之后你将会是最稀罕的仔. 端口601 检测到无效的端口句柄.发生内部错误,重新启动计算机,以确保所有最近所作的配置更改都能生效.602 ...