x-editable ajax 调用不处理指定的url
Posted
技术标签:
【中文标题】x-editable ajax 调用不处理指定的url【英文标题】:x-editable ajax call does not process the designated 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 个问题,例如 *** 上的第一个问题等,但没有使用完整的信息。
这是我第一次在网上问问题,所以我希望有人能帮我解决这个问题。
我尝试过将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>
【问题讨论】:
【参考方案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。我有一个类似的问题,这就是我所做的。希望对您有所帮助。
【讨论】:
以上是关于x-editable ajax 调用不处理指定的url的主要内容,如果未能解决你的问题,请参考以下文章
为啥 X-editable 不发送 AJAX 请求发送修改后的数据?
Django中的X-editable内联编辑-如何获得CSRF保护?
自定义 X-editable (AngularJS) 的取消代码按钮