x-editable ajax 调用不处理指定的url答案

【问题标题】：x-editable ajax call does not process the designated urlx-editable ajax 调用不处理指定的url
【发布时间】：2013-05-24 00:17:18
【问题描述】：

我正在使用带有 x-editable 的引导程序，并且一旦单击 x-editable 中的保存按钮，我试图让它工作，应该执行 php 文件。

我已经尝试了我所知道的一切来解决这个问题，但我不是一个铁杆 javascript 程序员，所以把它改成 Json 来试一试在我看来需要付出很大的努力。

我已经阅读了 x-editable 的文档，这应该是使用它的方式。

所以这里是html：

  <a href="#" class="username">superuser</a>

Javascript：

      $.fn.editable.defaults.mode = 'inline';

      $('.username').editable({
           type: 'text',
           pk: 1,
           url: 'post.php',
         });

一旦 post.php 丢失，x-editable 就会出现错误，但是如果它看到 php 文件，它什么也不做。 php 文件中的内容无关紧要，因为那里只有一个带有测试的控制台日志。

控制台日志永远不会执行，我无法弄清楚它为什么不起作用，我已经看到了 1 或 2 个问题，例如 Stackoverflow 上的第一个问题等，但没有使用完整的信息。

这是我第一次在网上问问题，所以我希望有人能帮我解决这个问题。

我尝试过将url 更改为localhost/dir/etc 之类的操作，但没有效果。还设置/posturl，并添加 var posturl = "post.php"; 没有帮助

哦，我已经测试了所有资源：但如果在这里有帮助：

<!-- Le styles -->  
<!-- jQUERY -->
<script src="http://code.jquery.com/jquery.js"></script>
<!-- Sharre -->
<script src="recources/assets/js/jquery.sharrre-1.3.4.js"></script>
<!-- Minnified bootstrap -->
<script src="recources/assets/min/js/bootstrap.min.js"></script>
<!-- Custom CSS -->
<link href="recources/assets/css/pagestyle.css" rel="stylesheet">
<!-- X - Editable -->
<link href="recources/assets/css/bootstrap-editable.css" rel="stylesheet">
<!-- External link -->
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.4.4/bootstrap-editable/js/bootstrap-editable.min.js"></script>

【问题讨论】：

标签： ajax jquery twitter-bootstrap x-editable

【解决方案1】：

使用send 参数，因为它可以确定发送数据到服务器的策略。可以是自动 | 总是 | 从不。只有在定义了pk 和url 的情况下才会在服务器上发送“自动”数据，否则新值将存储在本地。

您可以通过此代码为所有输入设置它：

$.fn.editable.defaults.send = "always";

或者像这样为相关策略自定义每个输入：

$('.username').editable({
    send: 'always'
});

【讨论】：

这是一个更好的解释和例子。

【解决方案2】：

您是否尝试过修改发送选项？

$('.username').editable({
    type: 'text',
    pk: 1,
    url: 'post.php',
    send: 'always'
});

否则尝试调试未缩小版本的 bootstrap-editable.js 并在此处添加断点https://github.com/vitalets/x-editable/blob/master/src/editable-form/editable-form.js#L189。我有一个类似的问题，这就是我所做的。希望对您有所帮助。

【讨论】：