jQuery中的get和post请求

学了原生js中Ajax的get和post请求，不知道有没有弄懂，原文链接：请戳我

那么jQuery中的get和post请求又是什么样子的呢，我们一起来看一下。

jq中的get请求示例：

div.className = "content";
let queryParams = {//传给后台需要的参数page: 1,limit: 100000,prjId: "1196733073476247554",creator: "1067246875800000001",token: "701558c38f34c3e08e0ab305c84ecf0b"
};
let url = "47.22.55.160：88/adidf/xxxxxxxx";$.ajax({type: "GET",url: url,data: queryParams,dataType: "json",async: true, //false代表只有在等待ajax执行完毕后才执行success: function(res) {//请求成功console.log(res);let data = res.list;if (data.length > 0) {let a = "";for (let item of data) {a ='<p><img style="margin-right: 10px;vertical-align:middle;" src="data:images/imgno.png" /><a style="background-color: lightgray;"><span style="vertical-align:middle;">' +item.configName +'</span></a><img style="margin-right: 10px;vertical-align:middle;" src="data:images/sanjiao.png" /><img style="margin-right: 10px;vertical-align:middle;" src="data:images/bi.png" /><img style="margin-right: 10px;vertical-align:middle;" src="data:images/chahao.png" /></p>';$(".content").append(a);}}},error: function(e) {//请求失败，打印错误console.log(e);}});

jq中的post请求示例：


//jQ中的post请求
var postParam = {content: JSON.stringify(jsonObj),prjId: sessionStorage.getItem('prjId') || null,creator: sessionStorage.getItem('creator') || null,token: sessionStorage.getItem('token') || null,configName: name.split('.')[0]
};
let url = "47.22.55.160：88/adidf/xxxxxxxx";//服务器上的接口
// let url = "http://192.168.0.104:80/adidf/xxxxxxxx";//访问后台的本地接口
$.ajax({type: "POST", //发送的方式url: url, //发送的路径headers: {'Content-Type': 'application/json' //multipart/form-data;boundary=--xxxxxxx   application/json},data: JSON.stringify(postParam), //传递的参数dataType: "json", //服务器返回的数据类型success: function(data) {mxUtils.confirm(mxResources.get('saveSuccess'), true);},error: function(error) {console.log(error);//请求失败的回调函数console.log('保存失败');}
});

jQuery中的get和post请求相关推荐

html中jsonp错误,解决jquery中jsonp格式跨域请求报parsererror的错误
在vs中创建一个空的mvc项目,在Controllers文件夹中添加一个控制器CommonController,并在该控制器下添加一个action用于获取服务器时间,代码如下: public Acti ...
关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题...
前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...
jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法
jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法参考文章: (1)jquery中ajax请求后台数据成功后既不执行success也不执行error解决方法 ( ...
jQuery中ajax的4种常用请求方式
jQuery中ajax的4种常用请求方式:1.$.ajax()返回其创建的 XMLHttpRequest 对象. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信 ...
jQuery中终止Ajax请求
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
php中jquery ajax请求参数,浅谈Jquery中Ajax异步请求中的async参数的作用
之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html asy.js function testAsync{ var temp; $.ajax( ...
Jquery中实现表单提交到SSM后台前进行post请求实现数据的校验
场景表单中有两个输入框input在提交这个表单前需要对两个输入框进行校验. 即点击提交按钮时会经过校验的方法,此方法会post方式提交到后台,在请求后台成功后的回调方法中会对js变量进行赋值,进而决 ...
Jquery中使用ajax请求SSM后台时提示：org.springframework.http.converter.HttpMessageNotReadableException: Could no
场景 Jquery中使用ajax向SSM后台请求数据时提示: org.springframework.http.converter.HttpMessageNotReadableException: C ...
jq中法可以发起ajax请求的方法有,jQuery实现监控页面所有ajax请求的方法
本文实例讲述了jQuery实现监控页面所有ajax请求的方法.分享给大家供大家参考,具体如下: 你是不是有遇到这样的问题:页面发起两个ajax请求,希望它们都成功以后,再做一个动作? 很容易想到的解决 ...

jQuery中的get和post请求

jQuery中的get和post请求相关推荐

最新文章

热门文章