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

时间:2012-02-07 21:32:19

标签: jquery coldfusion

编辑:在完成一些教程后,我遇到了here

我是jquery的新手,但对Coldfusion有一些经验。我一直在急需一个简单的教程,该教程展示了jQuery / AJAX如何从ColdFusion9 CFC中提取查询并将其显示在HTML调用页面上。我尝试了这个ben_tutorial,但对我来说太复杂了。还有另一个tutorial,但我不想安装插件。我应该在哪里看?我正在使用Google搜索“jquery ajax coldfusion”

3 个答案:

答案 0 :(得分: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]);
     }
  },
});

OR ,如果您只想更新div或textarea,请执行以下操作:

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

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

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

答案 1 :(得分:2)

我假设您对HTML有一定的了解。要完成您要求的那种事情,请使用以下代码段:

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

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

这真的不比这简单。

答案 2 :(得分:1)

相关问题