php - 带有 Bootstrap 的 eldarion ajax

Question

有人使用 eldarion ajax 插件吗？以前称为 bootstrap ajax...

我让它在将调用发送到另一个页面的地方工作并且它成功了，我只是无法从该页面取回数据。

 // this is ajax.php
 <form method="post"  action="ajax-here.php" class="ajax" data-append="#result">
 <input type="text" name="text" />
 <input type="submit" />  
 </form>
 <div id="result">  </div>

 // this is ajax-here.php
 $text = $_POST['text'];
 echo $text;

我想要的只是让 ajax-here.php 的结果显示在 div 中，并在发生 ajax 的页面上显示 ID 结果。任何建议都会很棒。我喜欢使用这个插件，因为它工作得很好，只是不知道如何将数据附加到我想要的 div。谢谢

Answer 1

我不熟悉 Eldarion AJAX 插件。我刚刚阅读了 README ，老实说我不喜欢它。 (虽然它确实因拥有一个很酷的名字而赢得积分。)

发生了太多的“魔法”。您不必指定发送和接收数据的格式。如果你想改变一些东西，你必须用 HTML data- 属性来做。对我来说，违反了关注点分离原则，即网站结构的每一部分都应该有一个目的。例如，HTML 应该定义页面的结构，CSS 应该定义样式，而 Javascript 应该定义交互性。让 HTML 属性定义 AJAX 事件对我来说似乎很荒谬。

不过没关系。让我们看一下您的具体问题，即如何将数据返回给 Eldarion。让我们再看看 README 文件:

Easily extend support on the server side code for this by adding a top-level attribute to the JSON you are already returning called "html" that is the rendered content. Unlike a backbone.js approach to building a web app, eldarion-ajax leverages server side template rendering engines to render and return HTML fragments.

所以 Eldarion 希望收到一个 JSON 结构，其中包含一个名为 html 的顶级属性，其中包含呈现的内容。所以它需要一个大致像这样的结构:

{
    "html": "<p>The content that should be appended to #result.</p>"
}

那么让我们对您的内容执行此操作。让我们不要试图自己制作 JSON。做对太难，犯错又太容易。幸运的是，PHP 通过 json_encode 来帮助我们。函数，它将数组编码为有效的 JSON 结构。

$text = $_POST['text'];
$data = array(
    'html' => $text
);
echo json_encode($data); // output the data as JSON

我已经设置了 a jsFiddle example这表明这是如何工作的。显然它有点不同，因为我必须使用 jsFiddle API，但您可以大致了解它是如何工作的。