在jquery.ajax()的回调函数中使用发送请求时的data中的参数
2017-10-12 16:04
816 查看
今天遇到一个需求,需要在ajax的回调函数中使用发送请求的参数。查了资料后得知在回调函数中可以通过this.data来获得ajax的data参数,但是此时this.data是一个URL参数形式的字符串(aa=1&bb=2&cc=3),于是就需要将这个字符串转换成js的对象。代码如下
// url参数转换为js对象 function urlParamsToObj(data){ var result = {}; try{ if(data == null || data == ''){ return result; }else{ var paramsArr = data.split("&"); for(var i = 0; i < paramsArr.length; i++){ var kv = paramsArr[i].split("="); result[kv[0]]=kv[1]; } return result; } }catch(ex){ return result; } } //ajax请求 $.ajax({ data : {aa:1, bb:2, cc:3}, url : 'http://this.is.url.com', dataType : 'json', type : 'post', success : function(ret){ var obj = urlParamsToObj(this.data); // 现在就可以愉快的使用发送ajax请求时的参数啦 alert(obj.aa); alert(obj.bb); alert(obj.cc); } })
相关文章推荐
- Struts学习_Jquery发送ajax请求以及datatype参数为text/JSON方式
- Jquery发送ajax请求以及datatype参数为text/JSON方式
- Jquery发送ajax请求以及datatype参数为text/JSON方式
- 使用jQuery发送POST,Ajax请求返回JSON格式数据
- jQuery发送含有数组参数的ajax请求以及后台Struts2的OGNL解析错误
- 使用jQuery发送AJAX请求时不缓存
- 使用jQuery发送Ajax请求
- MVC学习笔记之使用JQuery方式发送Ajax请求调用后台Controller
- web前端使用jQuery发送ajax请求并接受响应的代码公式
- jQuery发送含有数组参数的ajax请求以及后台Struts2的OGNL解析错误
- Spring MVC 中使用ajax发送POST请求时的参数问题
- 使用jquery中的$.Ajax 和$.post 发送请求 (基础写法)
- jquery多选择动态参数的使用以及ajax异步请求中提交整个form表单中serializeArray()的使用以及后台值得获取方式
- jquery的ajax请求data参数
- jQuery的AJAX请求发送JSON数组参数
- jquery中使用ajax发送post请求返回数据在error中
- 使用jquery发送ajax请求
- 关于jQuery使用serializeArray()序列化表单数据,使用FormData()实现AJAX请求的问题
- jQuery发送含有数组参数的ajax请求以及后台Struts2的OGNL解析错误
- JQuery发送ajax请求不能用数组作为参数