0

不管可以编写哪种类型的 Web 应用程序,实施 AJAX 都会使程序(尽管可以说)更高效和“更漂亮”。

我目前正在开发一个具有完整用户界面的在线商店,其中包括:订单历史记录、愿望清单、推荐链接等。我们已经意识到,通过使许多用户操作在 AJAX 中可执行,将会对用户更加友好,而不是例如每次用户从愿望清单中删除产品时刷新页面。

遵循该逻辑将导致服务器上的 /ajax 目录中的大量文件和荒谬的长 .js 文件。

我的问题是 - 在编写许多不同的 ajax 请求时是否有一定的标准或“技巧”?或者更好的是,有没有一种有效的方式来编写 AJAX 请求?

问候,

4

4 回答 4

4

创建一个 JS 文件并将该文件包含在所有页面中。在那个 JS 文件中创建一个带有 3 个参数的 ajax 函数。

ajax函数的参数值:

  1. 页面 URL 要发送请求
  2. 要发送的值的关联数组
  3. 元素 ID 想要填充来自 ajax 请求的响应。

从任何页面调用此函数,因此您无需在每个页面中创建 ajax 函数。

希望它会有所帮助!

于 2013-10-22T11:17:10.093 回答
0

使用jQuery.getJSON()orjQuery.get()进行 ajax 调用。好吧,最后两者都被翻译成jQuery.ajax().

http://api.jquery.com/jQuery.ajax/

于 2013-10-22T11:15:09.210 回答
0

您所需要的只是一个发出所有数据请求的通用函数

这个函数可以有参数

  1. 在 post 请求中发送的 Object(key,value)
  2. 返回请求时运行的函数

&datafunc=somefunctionname向请求字符串添加键

在服务器端

如果$_POST包含密钥datafunc,则运行相应的 php 函数,该函数将返回所需的数据

$fun=$_POST['datafunc'];
$fun();
于 2013-10-22T12:07:22.680 回答
-2

诀窍是让你的逻辑尽可能愚蠢,并有一个适当的 DTO。现在将一个非常强大的 Javascript View 框架添加到组合中,您基本上就完成了。

想象一下 jQuery 成功回调中的以下内容(没有 MVC 框架,您自己填充元素):

success: function(data, textStatus, jqXHR) {
    // data is the DTO as you defined it
    $ele = $(data.target);
    // and now update your target
    $ele.html(data.content);
}
于 2013-10-22T11:18:20.270 回答