JQuery封装的ajax方法

JQuery封装的ajax优势：简单方便，已做好浏览器兼容性处理。

1.$.post方法

$.post(url[,data][,callback][,type])

url：请求的后台程序地址
data：发送到后台的数据
callback：载入成功时回调函数，该函数参数是从后台程序接收的结果
type：返回数据的类型

示例：
$.post('getContent.php',{id:101},function(msg){alert (msg)},'json')

2.$.get方法

$.get(url[,data][,callback][,type])

get和post方法一样，只是get方法可能产生缓存，url需要增加随机后缀。

示例：
$.get('getContent.php',{id:101,'_':Date.parse(new Date())},function(msg){alert (msg)},'json'
)

3.$.ajax方法

$.ajax是底层实现方法，配置项以对象形式传递到方法中。

$.ajax({  url,type,cache,data,dataType,success,error,contentType,processData[,其他可选参数]
});

url：请求的后台程序地址
type：请求方式（post/get）
cache：true（缓存）false（不缓存）
data：发送到后台的数据
dataType：后台返回值类型
success：请求成功后调用的回调函数
error：请求失败时调用的回调函数
contentType：请求头信息（DOM形式发送数据使用false）
processData：处理数据方式（DOM形式发送数据使用false）

这个对象里包含了该方法所需要的请求设置以及回调函数等信息，参数以键值对的形式存在，所有参数都是可选的。如果调用$.ajax方法进行文件上传时，需要设置contentType和processData值为false，其他时候不需要设置。

示例：
$.ajax({url:'upimg.php',type:'post',//FormData只能使用post方式data:fd,contentType:false,//DOM形式发送数据使用falseprocessData:false,//DOM形式发送数据使用falsedataType:'json',success:function(msg){alert(msg);}})

转载于:https://www.cnblogs.com/Jianxq12/p/7639400.html

JQuery封装的ajax方法相关推荐

jquery封装的ajax方法获取web服务器时间
解决方案: Ajax HTTP Head法原理: 一般服务器在发送静态页面的时候(apache, nginx, lighttpd就目前所知)都是会在 HTTP 头里带一个Date的头信息的,那么我用 ...
用jQuery封装的Ajax把json数据展示到页面中去
实现一个聊天页面我们下来看一下效果图中的聊天信息先把它放在json数据中,通过jQuery封装的Ajax来把数据拿过来,再把它展示到页面中去,分为以下几步为了方便操作,我们直接使用php stu ...
用JQuery中的Ajax方法获取web service等后台程序中的方法
用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...
ajax远程调用,jquery中的ajax方法怎样通过JSONP进行远程调用
关于JSONP的概念和为什么要使用JSONP网上已经有很多教程,这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用首先介绍下$.ajax的参数 type:请求方式 GET/ ...
jquery中的ajax方法参数——$.ajax()方法详解
1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法, ...
jquery中的ajax方法请求后台数据
首先要插入jQuery.js文件,我这里用的是2.2.4版本,也可以用最新的3.1版本案例提前和后台沟通好对应的网址接口,我这里是用node.js写的后台,同时因为保存在本地,所以协议名和域名省略 ...
jquery封装插件的方法
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间.这篇文章将概述jQuery插件开发的基本知识,最佳做法和常见的陷阱. 一.入门编写一个jQuery插件开始于给jQuery.fn ...
jquery中的ajax方法(备忘)
参考:https://www.cnblogs.com/tylerdonet/p/3520862.html w3school:http://www.w3school.com.cn/jquery/ajax ...
深入了解jquery中的ajax方法参数
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...

JQuery封装的ajax方法

JQuery封装的ajax方法

JQuery封装的ajax方法相关推荐

最新文章

热门文章