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

时间:2013-05-28 21:44:55

标签: ajax jquery twitter-bootstrap x-editable

我正在使用带x-editable的bootstrap,并且我试图让它在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文件中的内容无关紧要,因为那里只有一个带有测试的控制台日志。

控制台日志永远不会被执行,我无法弄清楚它为什么不起作用,我已经看到了一些问题,比如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>

2 个答案:

答案 0 :(得分:27)

使用send参数,因为它可以确定用于向服务器发送数据的策略。它可以是自动 | 始终 |的从未即可。当&#39; auto&#39;仅当pkurl定义时,才会在服务器上发送数据,否则新值将存储在本地

您可以通过以下代码为所有输入设置它:

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

或者为相关策略自定义每个输入,如下所示:

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

答案 1 :(得分:7)

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

$('.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。我有类似的问题,这就是我所做的。希望有所帮助。