jquery中的ajax 网络请求

最近把多年前的点滴知识整理分享出来，大家多多交流哈
岁月如梭，不知是何时的整理了

网易云【玩转大前端】课程
EDU配套教程

1、GET请求

1.1 get String 请求

请求语法格式


/***参数一   请求地址*参数二   请求参数封装*参数三   响应结果回调函数*/
$.get(url,{},function());

实例操作

/***GET方式提交String 数据*/
function getString() {$.get(url, {userName: encodeURI($("#userName").val()),phone: encodeURI($("#phone").val())}, function (data, textStatus) {$("#get_string").html("getString 响应数据为 " + decodeURI(data) + " 请求结果为  " + textStatus);});
}

1.2 get Xml 请求

请求方法格式

/***参数一   请求地址*参数二   请求参数封装*参数三   响应结果回调函数*参数四   请求响应数据格式*/
$.get(url,{},function(),"xml");

请求实例

/***GET方式提交XML 数据*/
function getXml() {$.get(url, {userName: encodeURI($("#userName").val()),phone: encodeURI($("#phone").val())}, function (data, textStatus) {$("#get_xml").html("getXml 响应数据为 " + decodeURI(data) + " 请求结果为  " + textStatus);}, "xml");
}

1.3 get JSON 请求

请求语法格式

/***参数一   请求地址*参数二   请求参数封装*参数三   响应结果回调函数*参数四   请求响应数据格式*/
$.get(url,{},function(),"json");

请求实例

    实例/***GET方式提交JSON 数据*/
function getJSON() {$.get(url,{userName: encodeURI($("#userName").val()),phone: encodeURI($("#phone").val())},function (data, textStatus) {$("#get_json").html("getJson 响应数据为 " + decodeURI(data) + " 请求结果为  " + textStatus);var userName = data.userName;var phone = data.phone;$("#get_json_2").html("响应数据为 userName is " + userName + "  phone is   " + phone);},"json");
}

2、POST请求

2.1 post String 请求

请求语法格式

/***参数一   请求地址*参数二   请求参数封装*参数三   响应结果回调函数*/
$.post(url,{},function());

请求实例

/***POST方式提交String 数据*/
function postString() {$.post(url,{userName: encodeURI($("#userName").val()),phone: encodeURI($("#phone").val())},function (data, textStatus) {$("#post_string").html("postString 响应数据为 " + decodeURI(data) + " 请求结果为  " + textStatus);});
}

2.2 post Xml 请求

请求语法

/***参数一   请求地址*参数二   请求参数封装*参数三   响应结果回调函数*参数四   请求响应数据格式*/
$.post(url,{},function(),"xml");

请求实例

/*** Post方式提交XML数据*/
function postXml() {$.post(url,{userName: encodeURI($("#userName").val()),phone: encodeURI($("#phone").val())},function (data, textStatus) {$("#post_xml").html("poxtXml 响应数据为 " + decodeURI(data) + " 请求结果为  " + textStatus);},"xml");
}

2.3 post Json请求

请求语法

/***参数一   请求地址*参数二   请求参数封装*参数三   响应结果回调函数*参数四   请求响应数据格式*/
$.post(url,{},function(),"json");

请求实例

/*** post方式提交 JSON数据*/
function postJson() {$.post(url,{userName: encodeURI($("#userName").val()),phone: encodeURI($("#phone").val())},function (data, textStatus) {$("#post_json").html("getJson 响应数据为 " + decodeURI(data) + " 请求结果为  " + textStatus);var userName = data.userName;var phone = data.phone;$("#post_json_2").html("响应数据为 userName is " + userName + "  phone is   " + phone);}, "json");
}

jquery中的ajax 网络请求相关推荐

jquery中的ajax方法请求后台数据
首先要插入jQuery.js文件,我这里用的是2.2.4版本,也可以用最新的3.1版本案例提前和后台沟通好对应的网址接口,我这里是用node.js写的后台,同时因为保存在本地,所以协议名和域名省略 ...
jQuery中的ajax、jquery中ajax全局事件、load实现页面无刷新局部加载、ajax跨域请求jsonp、利用formData对象向服务端异步发送二进制数据，表单序列化（异步获取表单内容）
jQuery中使用ajax: 在jQuery中使用ajax首先需要引入jQuery包,其引入方式可以采用网络资源,也可以下载包到项目文件中,这里推荐下载包到文件中:市面上有多个版本的jQuery库,这 ...
关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题...
前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...
jQuery中终止Ajax请求
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
Jquery中使用ajax请求SSM后台时提示：org.springframework.http.converter.HttpMessageNotReadableException: Could no
场景 Jquery中使用ajax向SSM后台请求数据时提示: org.springframework.http.converter.HttpMessageNotReadableException: C ...
第六章 jQuery中的Ajax应用
第六章 jQuery中的Ajax应用 1.Ajax:客户端javascript所发起的http请求的代号,无刷新的数据更新. 2.编程模型: (1).同步代码:按钮按下执行耗时操作等待执行返回 ...
jquery中ajax中的参数,jquery中的ajax参数
jquery中将ajax封装成了函数,我们使用起来非常方便,jquery会自动根据内容选择post还是get方式提交数据,并且会自动编码,但是要想完全掌握jquery中的ajax,我们必须将它的各个参 ...
react axios和ajax网络请求拦截（session过期跳转登录页）
网络请求拦截经常也可用到,比如在所有接口消息请求头部加上验证信息token之类的,或者接口报某类错误时统一处理.这里主要用在请求接口时,判断session是否过期,统一返回状态码区分,如果过期了跳转登 ...
jquery案例14——ajax、请求接口、处理接口返回数据
一.图片请求 1.案例描述利用jq中的ajax去请求接口,获取数据,并对数据进行渲染显示到页面上. 2.案例效果演示说明:目前我只请求了4条数据. 3.案例局部代码 css代码: <styl ...

jquery中的ajax 网络请求

1、GET请求

1.1 get String 请求

1.2 get Xml 请求

1.3 get JSON 请求

2、POST请求

2.1 post String 请求

2.2 post Xml 请求

2.3 post Json请求

jquery中的ajax 网络请求相关推荐

最新文章

热门文章