首页 / JAVASCRIPT / javascript – X-editable不更新数据库中的值

javascript – X-editable不更新数据库中的值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – X-editable不更新数据库中的值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2171字，纯文字阅读大概需要4分钟。

内容图文

我在我的php应用程序中使用X-Editable插件来更新我的表的字段并使用POST文件来更新数据库.

这是表单代码：

<table id="restaurant" class="table table-bordered table-striped">
       <tbody>
       <?php 
       echo '
            <tr>
               <td style="width:15%">Restaurant name</td>
               <td style="width:50%"><a href="#" id="name" data-type="text" data-pk="'. escape($arrValues[$i]->r_id) .'" data-name="name" data-placeholder="Required" data-original-title="Enter Restaurant Name" class="editable editable-click" style="display: inline;">'. escape($arrValues[$i]->name) .'</a></td>
               <td style="width:35%"><span class="text-muted">Enter restaurant name.</span></td>
            </tr>';
        ?>
        </tbody>
    </table>

这是我在页面底部使用的X-editable JS：

<script>
jQuery(document).ready(function() {

//initializes all global values and plugin essentials
    FormEditable.init(); 

//below function is only initialized on one field for debug purposes
    $(function(){
        $('#name').editable({
            url: 'post.php'
        });
    });
});
</script>

这是我的Post.php文件的内容：

<?php 
require 'core/init.php';

    $pk = $_POST['pk']; //primary key aka ID
    $name = $_POST['name']; //name of the field
    $value = $_POST['value']; //value of the field

    if (!empty($value)){
        $result = mysql_query('update Restaurants set '.mysql_escape_string($name).'="'.mysql_escape_string($value).'" where r_id = "'.mysql_escape_string($pk).'"');
        print_r($_POST);
    } else {
        header('HTTP 400 Bad Request', true, 400);
        echo "This field is required!";
    }

?>

当我更新应用程序中的字段时,DOM中的值会更改,但数据库中的值不会更新.
这是我第一次使用X-Editable插件而且我在JS AJAX调用中不是很强.有人可以让我知道如何调试这个并弄清楚为什么我的价值没有被推送到数据库.

任何帮助将不胜感激.

解决方法:

要正确调试,您可以使用浏览器控制台！
特别是“网络”选项卡在调试时非常有用.

您成功包含了脚本,使用了正确的标记,以便更改DOM.
现在,调试的下一步是确保将ajax请求(推送数据)发送到post.php.

要发送一些东西你需要设置ajaxOptions put,如下所示：

 $('#name').editable({
   type: 'text',
   url: 'post.php',
   ajaxOptions: {
     type: 'put'
   }   
 });

您可以通过检查控制台的“网络”选项卡来调试Ajax请求.
在编辑字段之前打开网络控制台.
然后编辑它并观察出现在控制台中的新请求.
通过单击控制台中的日志条目,您可以看到从浏览器发送到脚本的数据.

在你的post.php中你可以添加一个var_dump($_ POST);看到所有传入的参数.

内容总结

以上是互联网集市为您收集整理的javascript – X-editable不更新数据库中的值全部内容，希望文章能够帮你解决javascript – X-editable不更新数据库中的值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/905974.html

来源：【匿名】