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

Question

编辑:在遵循了几个教程之后，我被here卡住了

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

Answer 1

您没有详细说明您希望在客户端更新哪些内容。表单很常见，所以如果你有客户端的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或文本区域，如：

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

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

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

Answer 2

我假设您对HTML有一定的了解。要完成您所要求的事情，请使用以下代码片段：

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

$.get是一种简单地检索给定URL的简写方法。它后面的function()部分是当对coldfusion页面的请求完成时运行的部分。它所做的就是将返回的数据放入ID为"displaydiv“的HTML标记中。

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

Answer 3

我找到的一些链接是：

• 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/