我在哪里可以找到一个非常简单的 jQuery/AJAX Coldfusion 教程？ [关闭]

Question

编辑：在学习了一些教程后，我被卡住了here

我是 jquery 的新手，但对 Coldfusion 有一些经验。我一直渴望有一个简单的教程来展示 jQuery/AJAX 如何从 ColdFusion9 CFC 中提取查询并将其显示在 HTML 调用页面上。我试过关注这个ben_tutorial，但它对我来说太复杂了。还有一个tutorial，但我不想安装插件。我应该在哪里寻找？我正在谷歌搜索“jquery ajax Coldfusion”

Answer 1

我假设您对 HTML 有一定的了解。要完成您所要求的那种事情，请使用这个 sn-p：

$.get("coldfusion-page.cfm",function(data){
    $("#displaydiv").html(data);
});

$.get 是一种简写方法，它只检索给定的 URL。紧随其后的 function() 部分是对 Coldfusion 页面的请求完成时运行的部分。它所做的只是将返回的数据放入 ID 为“displaydiv”的 HTML 标记中。

真的没有比这更简单的了。

Answer 2

我找到的一些链接是：

• http://blog.pengoworks.com/index.cfm/2011/3/3/Easy-AJAX-using-ColdFusion-jQuery-and-CFCs
• http://blog.kukiel.net/2011/09/jquery-coldfusion-and-cfdump-into-div.html
• http://tutorial43.learncf.com/
• Return data using ColdFusion and jQuery Ajax

阅读这些关于coldfusion的博客几乎永远不会出错

• bennadel.com
• coldfusionjedi.com
• http://cflove.org/

Answer 3

您没有详细说明要在客户端更新的内容。表单很常见，因此如果您有客户端 html 表单，例如：

<input type="text" name="title">
<input type="text" name="date">
<input type="text" name="author">

您将使用coldfusion 生成并发送一个JSON 字符串。 JSON 字符串可能类似于：

{"title" : "mytitle", "date" : "mydate", "author" : "myauthor"}

要在客户端更新数据，您将执行（coldfusion-page.cfm 是您的服务器端 ajax 响应程序的名称）：

jsonOBJ = {};
$.ajax({
  type: "GET",
  url: "coldfusion-page.cfm",
  cache: false,
  success: function(data){
     jsonOBJ = jQuery.parseJSON(data);
     for (var key in jsonOBJ) {
       $("input[name=" + key + "]").val(jsonOBJ[key]);
     }
  },
});

或，如果您只想更新 div 或 textarea，例如：

<div id="uniquedivname"></div>

您只需发送 html/文本并将 ajax 调用中的成功函数替换为：

  success: function(data){
     $("#uniquedivname").html(data);
  },