php – eldarion ajax with bootstrap

发布时间：2020-12-13 17:46:04 所属栏目：PHP教程来源：网络整理

导读：有没有人使用eldarion ajax插件？以前称为bootstrap ajax … 我把它的工作发送到另一个页面并且它成功了,我只是无法从该页面获取数据. // this is ajax.php form method="post" action="ajax-here.php" class="ajax" data-append="#result" input type="text

有没有人使用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.谢谢

解决方法

我不熟悉Eldarion AJAX插件.我刚刚阅读了 README,说实话我不喜欢它. (虽然它确实赢得了一个很酷的名字.)

继续存在太多的“魔力”.您无法指定发送和接收数据的格式.如果要更改内容,则必须使用HTML数据属性.对我来说,违反了关注点分离的原则,即网站结构的每个部分都应该有一个目的.例如,HTML应该定义页面的结构,CSS应该定义样式,Javascript应该定义交互性.定义AJAX活动的HTML属性对我来说似乎很荒谬.

但是不要紧.让我们看一下你遇到的具体问题,即如何将数据返回给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,但你可以看到它的工作原理.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!