javascript - 使用ajax解析json

标签 javascript html ajax json

我从 python 服务器收到一个 json 文件,我尝试使用 ajax 解析该文件,以根据单独的下拉菜单中的类别(例如 data_provider、census)显示值。但我不断收到以下错误: 未捕获错误:语法错误,无法识别的表达式:[{"data_provider":"census","data_year":"2010","data_series":"sf1","tb_name":"h1","summ_level":"160"},{"data_provider":"人口普查","data_year":"2010","data_series":"sf1","tb_name":"p1","summ_level":"050"}]

请帮帮我!下面是我写的代码。

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
    function codeAddress() {
        var ajax = $.ajax({
            //data : params,
            type : "GET",
            crossDomain: true,
            dataType: "json",
            //jsonp: "callback",
            //callbackParameter: "callback",
            //contentType : "application/x-www-form-urlencoded",
            url : "http://0.0.0.0:8080/"

        });

        ajax.done(function() {
            var response=ajax.responseText;
            var json = jQuery.parseJSON(response);


            $(json).each(function(i,val){
                $.each(val,function(k,v){
                    console.log(k+" : "+ v);
                });
            });
        });

        ajax.fail(function() {
            alert("fail");
        });


        ajax.always(function() {
           alert("done");
        });
    }
</script>
</head>
<body id="b1" onload="codeAddress();">

</body>
</html>

最佳答案

因为您将 datatype 设置为 json,所以我猜您不需要自己解析 JSON。请注意,已解析的响应在 done 方法的第一个参数中提供,请参阅 jQuery 文档中的示例:

$.ajax({
  url: "http://fiddle.jshell.net/favicon.png",
})
.done(function( data ) {
  console.log( "Sample of data:", data.slice( 0, 100 ) );
});

关于javascript - 使用ajax解析json,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22051674/

相关文章:

javascript - 跨域访问元素

CSS :before content two colors

html - 在 CSS 下拉菜单中单击后,从链接中删除焦点

javascript - Ajax .done() 未检测到 form.submit

javascript - 使用 AJAX/jQuery 加载页面和 history.pushState() 方法保留浏览器 "back"按钮功能

javascript - JS 正则表达式不匹配,即使它与正则表达式测试器一起工作

javascript - 在 WordPress 站点中加载 jquery.js 后加载 javascript 代码

javascript - 在 Angular2 应用程序中使用 bootstrap 时出现问题

javascript - 在 JavaScript 中删除监听器

php - 移动文件并将文件数据保存为空白时出现问题