jquery ajax异步请求

最新推荐文章于 2025-09-10 16:16:57 发布

weixin_34122604

最新推荐文章于 2025-09-10 16:16:57 发布

阅读量101

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/xuyang1995/p/6014037.html

本文介绍了如何使用AJAX进行异步请求，并提供了详细的代码示例。包括如何选择请求方式（如GET、POST）、设置URL地址、指定数据类型以及定义成功回调函数等内容。

得先知道后台接口给ajax访问（接口URl和传入接口的参数及参数类型），知道访问之后返回的数据类型，有哪些数据。
选择异步请求的方式，常用的有三种，如$.ajax()、$.post()、$.get()。

其中$.ajax允许get/post两种请求方式，$.get()只允许get请求，$.post()只允许post请求方式。
异步请求所需要的常用要素：

a、url （访问url） b、dataType（数据传输方式） c、success成功之后的回调函数。
$.ajax使用示范代码（由于异步请求的参数较多，实例只是常用参数，下同）。

设接口url

var url='/test/test.do'; //下面的实例代码都用此访问接口url

$.ajax({

url:url,

dataType:'text',

success: function(data){

(请求成功之后的前端处理代码)

}

});
$.post使用示范代码：

$.post(url, { name: "John", time: "2pm" }, function(data){

alert("Data Loaded: " + data);

},'text');
6

$.get使用实例代码：

$.get(url, { name: "John", time: "2pm" }, function(data){

alert("Data Loaded: " + data);

});