Question

有一个名为X-editable的插件，它使用单击将AJAX查询更改为数据库。对我来说，文档几乎是纯粹的乱码，然后是如何应用可编辑的内容。我以前从未处理过AJAX。可以找到相关文档页面Here

所以我的主要问题是，我如何在这里发布文件？我尝试在函数中使用url：设置。

$('#username').editable({
type: 'text',
pk: 1,
url: '/post', // Is this where I put my POST url?
title: 'Enter username'
});

我知道我应该发布我尝试的内容，但我不知道从哪里开始使用AJAX，但这个插件对我的项目来说是最好的。

Answer 1

首先，是的，url是数据发布到的地方。我只使用Yii扩展使用了这个插件，但我怀疑它的工作方式一般。对于单个字段请求，将发布三个事项。名称（字段的名称html属性），值（字段的值）和pk（您在字段上调用的可编辑函数中指定的主键。）

<input name="username" value="myName" id="username" type="text">

$(function(){
    $('#username').editable({
        url: 'mysite.com/post',
        title: 'Enter username',
        pk: 3
    });
});

将以下内容发布到mysite.com/post：

array(
    'name' => 'username',
    'value' => 'myName',
    'pk' => 3
)

您可以在类和id上调用editable（）函数，并指定要更新的项目的PK，以便一次提交整个表单，尽管您需要进行更多挖掘。看Yii扩展可能对你很有帮助 - http://x-editable.demopage.ru - 它至少可以给你一些线索。它还包括所有服务器端逻辑。它应该阐明它是如何运作的。

这是可编辑的要点，它涵盖了前端，你需要自己制作服务器端。如果没有别的东西使用类似Firebug的东西来查看实际发布的内容，请使用前端文档（实际上相当不错）来发布您希望发布的内容，并且从那里开始应该没问题。 / p>

如何处理来自X-Editable插件的POSTed数据？

1 个答案: