jquery.post用法之type设置问题

当使用ajax获取data数据的时候，直接data.foo就可以得到。而较低版本的jquery就不行比如1.4之前


代码如下:

$.post('/admin/UserBookView.do', {}, function(data) {
console.info(data);
});

打印data信息，显示的是json格式的字符串，如下：


代码如下:

{"acceptIs":null,"entity":null,"refuseIs":null,"result":{"pageSize":10,
"resultList":[{"PRICE":3,"WCTIME":null,"NOTE":"积分异常","CKTIME":null,"CUSER":"admin",
"CTIME":"2013\/12\/30 17:03:16","PHONE":"13111050937","ADDR":"测试地址","CUSERID":"1","SLTIME":null}],
"resultListArray":null,"titles":["ID","CTIME","STATE""PRICE","NOTE"],"totalPage":1,"totalSize":4},
"source":null,"storageIs":null,"treeNodes":null}

如果没有设置type，默认返回的data是text类型

当我们使用data. 去试图获取里面的值的时候，返回的是undefined

此时两种解决方法：

一：使用eval函数将json字符串转化为json对象


代码如下:

var datas=eval("("+data+")");

二：指定type类型


代码如下:

$.post('/admin/UserBookView.do', {}, function(data) {
console.info(data);
},"json");

高版本 如1.8+则无此问题，返回的为json对象

赞 (0)

相关推荐

  • 对比分析AngularJS中的$http.post与jQuery.post的区别

    很多时候我们需要用ajax提交post数据,angularjs与jq类似,也有封装好的post. 但是jQuery的post明显比angularjs的要简单一些,人性化一些. AngularJS: 复制代码 代码如下: $http.post('do-submit.php',myData) .success(function(){     // some code }); jQuery: 复制代码 代码如下: $.post('do-submit.php', myData, function() {

  • jquery.post用法关于type设置问题补充

    jquery.post用法 http://www.jb51.net/article/45181.htm当使用ajax获取data数据的时候,直接data.foo就可以得到.而较低版本的jquery就不行比如1.4之前 复制代码 代码如下: $.post('/admin/UserBookView.do', {}, function(data) { console.info(data); }); 打印data信息,显示的是json格式的字符串,如下: 复制代码 代码如下: {"acceptIs&qu

  • jquery.post用法示例代码

    使用ajax在前端验证是否执行某个操作 jquery.post参数为 url,[data],[callback],[type] url:发送请求地址. data:待发送 Key/value 参数. callback:发送成功时回调函数. type:返回内容格式,xml, html, script, json, text, _default. 复制代码 代码如下: $.post('admin/HhCheckVote.do?ids=' + '${ids}', {}, function(flag) {

  • jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法

    经过尝试,只需要在$.ajax中加入 contentType: "application/json; charset=utf-8"选项就可以了,这是因为在.net 3.5以后要对contentType进行检查,所以仅仅指定dataType的话.net就不会返回JSON了,那么我们的请求自然也就无法请求到JSON数据了.正确写法就是这样了: 复制代码 代码如下: var url = "/Services/AccountService.asmx/UserExists";

  • jquery.post用法之type设置问题

    当使用ajax获取data数据的时候,直接data.foo就可以得到.而较低版本的jquery就不行比如1.4之前 复制代码 代码如下: $.post('/admin/UserBookView.do', {}, function(data) { console.info(data); }); 打印data信息,显示的是json格式的字符串,如下: 复制代码 代码如下: {"acceptIs":null,"entity":null,"refuseIs&quo

  • jQuery使用attr()方法同时设置多个属性值用法实例

    本文实例讲述了jQuery使用attr()方法同时设置多个属性值的用法.分享给大家供大家参考.具体如下: 下面这个演示例子可通过点击按钮实现修改链接与提示的功能. <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button&q

  • jQuery元素属性操作实例(设置、获取及删除元素属性)

    jQuery元素属性操作实例(设置、获取及删除元素属性)

    本文实例讲述了jQuery元素属性操作的方法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.10.1.min.js" type="tex

  • jQuery stop()用法实例详解

    近期查看前辈的代码,发现在使用animate()的时候前面需要加上stop(),来防止移进移出的闪动问题,但却不知道stop()里面参数的真正意思,今天查了下stop()中参数的意义和具体使用方法,分享给大家. stop(true)等价于stop(true,false): 停止被选元素的所有加入队列的动画. stop(true,true):停止被选元素的所有加入队列的动画,但允许完成当前动画. stop()等价于stop(false,false):停止被选元素当前的动画,但允许完成以后队列的所有

  • JQuery datepicker 用法详解

    jQuery UI很强大,其中的日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式.语言.限制选择日期范围.添加相关按钮以及其它导航等. 官方地址:http://docs.jquery.com/UI/Datepicker,官方示例: http://jqueryui.com/demos/datepicker/. 一个不错的地址,用来DIY jQuery UI界面效果的站点http://jqueryui.com/themeroller/ DatePicker

  • jQuery中的jQuery()方法用法分析

    本文实例讲述了jQuery中的jQuery()方法用法.分享给大家供大家参考.具体如下: jQuery()方法的定义和用法: 此方法可以接受一组选择器,用于匹配相应的元素.例如: 复制代码 代码如下: jQuery("div") 在实际应用中,一般用$定义jQuery,其实$就是jQuery的简写,比如$("li")可以写成jQuery("li"). jQuery的核心功能都是通过此方法实现的,或者说以某种方式使用此方法实现.下面就详细介绍一下次

  • jQuery应用之jQuery链用法实例

    本文实例讲述了jQuery应用之jQuery链用法.分享给大家供大家参考.具体分析如下: 很多时候我们可以将jQuery语句链接在一起,这不仅可以缩短代码长度,而且很多时候可以实现特殊的效果.先看如下代码: 复制代码 代码如下: <script type="text/javascript">     $(function() {  $("div").addClass("css1").filter(function(index) {  

  • jQuery选择器用法实例详解

    本文实例讲述了jQuery选择器用法.分享给大家供大家参考,具体如下: jQuery 使用两种方式来选择 html 的 element,第一种使用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器(如:$("div > ul a")):第二种是用jQuery对象的几个methods(方法).这两种方式还可以联合起来混合使用. 使用 CSS 和 XPath 选择器选择的方法有许多种用法,关于详细的 CSS 选择器可参考本站相关文章. 首先来看通过元素的 ID

  • jQuery在ie6下无法设置select选中的解决方法详解

    本文实例讲述了jQuery在ie6下无法设置select选中的解决方法.分享给大家供大家参考,具体如下: 这里主要解决在 ie6 下,jquery 无法设置 select 选中的问题.我们先看个例子: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"/> <title>demo</title> </head&g

随机推荐