ajax请求有多少种写法,Ajax 请求的三种写法

Ajax 请求简介：

Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML)，是指一种建立交互式网页应用的网页开发技术javascript

ajax技术的目的：

是让js发送http请求，实现与服务端通讯，即数据交互

ajax的两个主要好处：

异步请求

局部刷新(无刷新)

数据接口：

数据接口是后台提供的，是一个url地址，经过访问该url，实现对服务端数据的增删改查操做，服务端通常返回的的数据以json格式封装

局部刷新(无刷新)：

ajax 能够实现局部刷新，也叫作无刷新，无刷新指的是整个页面不刷新，只是局部刷新；

ajax 能够本身发送 http 请求，不用经过浏览器的地址栏，因此页面总体不会刷新，ajax 获取到后台数据，更新页面显示数据的部分，就作到了页面局部刷新

经常使用参数：

url : 请求地址

type : 请求方式, 默认是"GET", 经常使用的还有POST

dataType : 设置返回的数据格式, 经常使用的是"json"格式, 还有"HTML"格式

data : 设置发送给服务器的数据

success : 设置请求成功后的回调函数( 第二种方式用done )

error : 设置请求失败后的回调函数, ( 第二种方式用fail )

Ajax 请求写法一：

$(function () {

$.ajax({

// 设置ajax的参数

// 请求数据的url地址：接口地址

url: '/index_data',

// 请求数据方式：get post

type: 'get',

// 返回的数据格式 json

dataType: 'json',

// data:发送给接口的数据

data:{"code":"30026"},

// 请求成功以后要执行的回调函数

success: function (dat) {

//dat:服务端返回的数据

console.log(dat)

// 请求失败

error: function (e) {

alert('请求失败')

}

})

Ajax 请求写法二 ( 推荐 )：

$(function () {

$.ajax({

url: '/index_data', //请求地址

type: 'get', //请求方式

dataType: 'json', //返回的数据格式

data:{'code':"000007"}

}).done(function(dat) {

// 请求成功以后要执行的回调函数

console.log(dat)

}).fail(function(e) {

// 请求失败以后要执行的回调函数

alert('请求失败')

})

Ajax请求写法三 ( 化简写法 )：

$(function () {

$.get("/add_data", {

"code":"000007"

function(dat){

//请求成功时回调函数

alert(dat)

})

ajax请求有多少种写法,Ajax 请求的三种写法相关推荐

数据库时间内接受的是lang类型的时间分为三种字段第一种只存日期第二种存日期+时间第三种时间戳...
数据库时间内接受的是lang类型的时间分为三种字段第一种只存日期第二种存日期+时间第三种时间戳转载于:https://www.cnblogs.com/classmethond/p/10250 ...
mysql几种安装方法_mysql的三种安装方式（详细）
安装MySQL的方式常见的有三种: rpm包形式通用二进制形式源码编译 1,rpm包形式 (1) 操作系统发行商提供的 (2) MySQL官方提供的(版本更新,修复了更多常见BUG)www.mys ...
java正则校验密码长度不少于8位且至少包含大写字母、小写字母、数字和特殊符号中的四种组合或者其中任意三种组合
java正则校验密码必须是包含大小写字母.数字.特殊符号的8位以上四种组合或者其中任意三种组合一.排除法和详细解释 1.排除大写字母.小写字母.数字.特殊符号中1种组合.2种组合.3种组合,那么 ...
ajax上传多文件和数据,Ajax上传数据和上传文件（三种方式）
Ajax向后端发送数据可以有三种方式:原生Ajax方式,jQuery Ajax方式,iframe+form 方式(伪造Ajax方式) Title .btn { background-color: co ...
asp.net ajax怎样传值,JQuery在asp.net中三种ajax传值
1)通过webservice,注意去掉注释[System.Web.Script.Services.ScriptService]这行前的注释 2)通过aspx.cs文件中的静态方法 3)通过aspx文件 ...
AJAX框架衣柜门款式推拉,诗尼曼三种不同风格衣柜推拉门不同的推拉感受
衣柜,它是卧室中不得缺失的家私,现今建材市场中出现的柜子种类丰富,无论是品牌还是款式或板材,都有很多样化的选择,在衣柜门的选择上,消费者大多倾向选择推拉门,因为推拉门既美观又能节省空间.下面中华衣柜网 ...
php中html写法,细致说明注解三种PHP嵌套HTML的写法_后端开发
一般来说有两种夹杂写法,一种是HTML套PHP,写作 :另一种是PHP套HTML,写作 ,若php开启短标签写法,也可写作 =$item['RAND']?> 另有一种不太经常使用的夹杂写法以下: ...
从五种小球中任取三种，有多少种取法
不同颜色小球的选择方法 1.问题重述有红黄蓝白黑五种颜色的小球若干个,每次从里面任意取三个小球,总共有多少种取法 2.问题分析 1.首先,题中所描述的是一次性取三种小球,所以不考虑取的顺序问题,对于 ...
java 工厂模式的写法_java工厂模式三种详解
工厂方法模式(Factory Method) 工厂方法模式分为三种: 1.普通工厂模式,就是建立一个工厂类,对实现了同一接口的一些类进行实例的创建.首先看下关系图: 举例如下:(我们举一个发送邮件和短 ...
vue 实例化几种方式_Vue组件的三种调用方式
最近在写fj-service-system的时候,遇到了一些问题.那就是我有些组件,比如Dialog.Message这样的组件,是引入三方组件库,比如element-ui这样的,还是自己实现一个?虽然 ...

ajax请求有多少种写法,Ajax 请求的三种写法

ajax请求有多少种写法,Ajax 请求的三种写法相关推荐

最新文章

热门文章