javascript - jQuery AJAX 类型 jsonp,返回格式错误的 JSON?

标签 javascript jquery ajax json

$('#rn_s').keyup(function() {
    var rn = $('#rn_s').val();

    if(rn.length == 9) {
        $.ajax({
            url: 'http://routingnumbers.info/api/data.json?rn=' + rn,
            type: 'GET',
            dataType: 'jsonp', 
            success: function(result) {
                console.log(result);
            }
        });
    }
});

它返回这个:

资源解释为脚本,但以 MIME 类型 text/plain 传输

然后返回的内容是Object {}

如何访问这些值?

最佳答案

似乎对我来说工作正常。我使用 chrome 和最新版本的 jQuery(不是 v2)创建了一个 fiddle 。

这基本上就是您所拥有的,减去 keyUp 事件:

var rn = 122242597;

$.ajax({
    url: 'http://routingnumbers.info/api/data.json?rn=' + rn,
    type: 'GET',
    dataType: 'jsonp',
    success: function (result) {
        console.log(result);
        $('#customerName').text(result.customer_name);
        $('#address').text(result.address);
        $('#zipCode').text(result.zip);
    } });

然后在您的 HTML 中:

<div>
    <span id="customerName"></span>
</div>
<div>
    <span id="address"></span>
</div>
<div>
    <span id="zipCode"></span>
</div>

检查这个fiddle一个工作示例。显然,您的 HTML 会有所不同,但访问返回的属性并将它们分配给您的 UI 应该类似。

关于javascript - jQuery AJAX 类型 jsonp,返回格式错误的 JSON?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25019665/

相关文章:

php - 使用 AJAX + jQuery + PHP 将数据发送到 MySQL

javascript - 使用 ajax 和 php 将文本文件转换为 2d javascript 数组

javascript - 使用 Plottable.js 绘制基础数学 101 散点图

javascript - 如何在React JS中同时调用多个ajax(并异步获取结果)?

jQuery '.each' 并附加 '.click' 事件

java - 更新(来自 p :ajax) Primefaces datatable select all rows of the table

jquery ui 可排序 : How to get current index with id and old index with id and pass parameter in ajax in update event

javascript - 为什么条形图表现得如此奇怪? html5 Canvas 和 javascript

javascript - 这些可点击的 html 项目如何在没有 a-html-tag 的情况下变得可点击?

javascript - 使用嵌入式 Javascript 语法直接输出到模板