jquery - 来自 JQUERY 的 cfc 文件的 JSON 结果错误

原文 标签 jquery json ajax coldfusion-10

我正在尝试将 JQUERY 与 Coldfusion 一起使用。我想从 cfc 文件中的函数以 JSON 格式从数据库中检索结果。我需要使用几个查询手动创建 json:

<cfcomponent output="false">
    <cffunction name="getTransports" access="remote" returnformat="JSON" output="false">
        <cfargument name="CITY_TO" type="string" required="yes">  
        <cfargument name="CITY_FROM" type="string" required="yes"> 

        <cfquery name ="transport" datasource="#application.datasource#">
        <!---Query Transports--->
            select * from TRANSPORTS
        </cfquery>

        <cfset transports = arrayNew(1)>

        <cfloop from="1" to="#transport.recordcount#" index="i">   

            <cfquery name="defined_transport" datasource="#application.datasource#">
                select * from TABLE_FRAIS 
                where CITY_TO = <cfqueryparam cfsqltype="cf_sql_varchar" value="#arguments.CITY_TO#">
                and CITY_FROM = <cfqueryparam cfsqltype="cf_sql_varchar" value="#arguments.CITY_FROM#">
                and CTRP_ST_CODE = '#transport.TRANSPORT_CODE#' 
            </cfquery>

            <cfif defined_transport.recordCount eq 0>
                <cfset transport_value = "#transport.TRANSPORT_NAME# (not defined)">
            <cfelse>  
                <cfset transport_value = "#transport.TRANSPORT_NAME#">
            </cfif>

            <cfset transpVO = structNew() />

            <cfset transpVO['ID']= #transport.TRANSPORT_CODE# />            
            <cfset transpVO['VALUE']= #transport_value# />      
            <cfset transports[i] = transpVO />
        </cfloop>

        <cfreturn transports>       

    </cffunction>

</cfcomponent>

当我在 JQUERY 脚本中检索结果时,我获得了一个字符串 JSON:
[ { "ID" : "APEX",
    "VALUE" : "Apex (not defined)"
  },
  { "ID" : "AVI",
    "VALUE" : "Plane (not defined)"
  },
  { "ID" : "TRAIN 1",
    "VALUE" : "Train 1st class"
  },
  { "ID" : "VOIT",
    "VALUE" : "Car"
  },
  { "ID" : "ZERO",
    "VALUE" : "Cost 0 (not defined)"
  }
]

编辑:

借助 Coldfusion,这是我用于检索数据的 JQUERY 脚本:
$().ready(function() {
     $.ajax({
        type:   'GET',
        url:    'transports.cfc',
        data: {
            method:     'getTransports',
            CITY_TO:    'LUX',
            CITY_FROM:  'UWP'
        },
        dataType: "application/json",  //this is important      responsetype:'JSON',

        success: function(result) {
            var select = $("##transp");
            select.empty();
            select.append(
                new Option('Select transport', '-1')
            );
            console.log(result); // display the JSON
            console.log(result.length); // displays 252
        },
        error: function(xhr, message) {
            alert('ajax request failed');
            console.log(xhr, message);
        }
     });
}); 

结果显示在控制台中,如果我不知道如何填充下拉列表。我试图补充一点:
        select.append(
            new Option(item.ID, item.VALUE)
        );

我在没有文本的下拉列表中获得 252 行。

但我试图用它来填充下拉列表,但我做不到。

你能告诉我我的coldfusion函数和我的JSON结果是否正常吗?

问候,

最佳答案

看来问题来自您的脚本。您应该尝试使用循环一次添加一个选项:

var select = $("#transp");
select.empty();
select.append(
    new Option('Select transport', '-1')
);
for(var i=0; i<result.length; i++){
    select.append(
      new Option(result[i].ID, result[i].VALUE)
    );
}

这是一个工作片段:http://jsfiddle.net/odp3dve8/1/

//oResult simulates the AJAX result :
var oResult = [ { "ID" : "APEX",
    "VALUE" : "Apex (not defined)"
  },
  { "ID" : "AVI",
    "VALUE" : "Plane (not defined)"
  },
  { "ID" : "TRAIN 1",
    "VALUE" : "Train 1st class"
  },
  { "ID" : "VOIT",
    "VALUE" : "Car"
  },
  { "ID" : "ZERO",
    "VALUE" : "Cost 0 (not defined)"
  }
];


var select = $("#transp");
select.empty();
select.append(
    new Option('Select transport', '-1')
);
//Loop on each element of the JSON result and add each option.
for(var i=0; i<oResult.length; i++){
   	select.append(
      new Option(oResult[i].ID, oResult[i].VALUE)
    );
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<select id="transp">
    <option value="1">Fake option 1</option>
    <option value="2">Fake option 2</option>
</select>



编辑。
对于 string/json 问题,您可以尝试更新您的请求参数 "headers"和 "datatype":
$.ajax({
    type:   'GET',
    url:    'transports.cfc',
    data: { ... },

    headers: {'Accept': "application/json"},
    dataType: "json",


    success: function(result) { ... }
    error: function(result) { ... }
});

如果这不起作用,您可能会对这篇文章感兴趣:
http://blog.tcs.de/coldfusion-query-to-javascript-object/

关于jquery - 来自 JQUERY 的 cfc 文件的 JSON 结果错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32647809/

相关文章:

javascript - jQuery 条件语句

c# - Entity Framework 核心 : How to include a null related Entity with its null column properties?

javascript - 如何根据歌剧的网址关闭歌剧中的标签

javascript - 在javascript中传递一个值

php - 将Javascript字符串传递到PHP输出

javascript - 如何保护图像免于从网页下载

jQuery 可拖动,放置在父 div 之外时的事件

jquery - jQuery:如何在悬停时使工具提示保持打开状态

ios - 在 iOS 5 上解析 JSON 消息以检索 Twitter 数据

jquery - CakePHP 2.1在激活了Security组件的情况下进行jquery ajax调用