Javascript 表响应处理问题

Javascript 表响应处理问题,javascript,json,jeditable,Javascript,Json,Jeditable,我有一堆html,看起来像这样-这里只显示一个,因为它是所有需要的: <tr> <td>Name of Organisation:</td> <td class="edtext" id="organisation"><?=$aRes[0]['organisation']?></td> </tr> (snip数据库更新代码-工作正常) 同一个php的标题设置为: 因此,一旦输入并保存到可编辑表格单元格中的文本

我有一堆html,看起来像这样-这里只显示一个,因为它是所有需要的:

<tr>
 <td>Name of Organisation:</td>
 <td class="edtext" id="organisation"><?=$aRes[0]['organisation']?></td>
</tr>
(snip数据库更新代码-工作正常)

同一个php的标题设置为:

因此,一旦输入并保存到可编辑表格单元格中的文本输入到数据库中,上述内容将发送回前端(“Hello World”是输入的示例文本):

然后,在td单元格中显示进行编辑的内容如下:

{"organisation":"Hello World","result":"✔"}
这不是我们想要的。勾号是什么
应该是,但我的意思是我希望显示“Hello World”部分(当然不带引号),并将结果显示在页面其他位置的span或div中,id=“result”

我已经读到我需要使用jEditable
callback
选项,但是我找不到任何关于如何执行此操作的示例。我对JS不是很有信心,希望有人能把我推向正确的方向。欢迎使用功能示例


顺便说一句,我需要能够对多个文本字段使用这一位JS,而不是对每个需要编辑访问的数据单元使用单独的JS条目。

我通过添加以下内容解决了这个问题:

        callback    : function() {
            location.reload();
        },
进入:

    $(".edtext").editable("./editHandler/WRITE.update.php?uaID=<?=$uaID?>", {
        event       : 'dblclick',
        dataType    : "json",
        placeholder : '',
        indicator   : 'Saving...',
        cssclass    : 'editable',
        submit      : 'Save',
        cancel      : 'Cancel',
    });
});
$(“.edtext”).editable(“./editHandler/WRITE.update.php?uaID=“{
事件:“dblclick”,
数据类型:“json”,
占位符:“”,
指标:“正在保存…”,
cssclass:“可编辑”,
提交:“保存”,
取消:“取消”,
});
});
因此,最终结果是:

$(".edtext").editable("./editHandler/WRITE.<?=$appKey?>.php?uaID=<?=$uaID?>", {
    callback    : function() {
        location.reload();
    },
    event       : 'dblclick',
    placeholder : '',
    indicator   : 'Saving...',
    cssclass    : 'editable',
    submit      : 'Save',
    cancel      : 'Cancel',
});
$(“.edtext”).editable(“./editHandler/WRITE..php?uaID=”{
回调:函数(){
location.reload();
},
事件:“dblclick”,
占位符:“”,
指标:“正在保存…”,
cssclass:“可编辑”,
提交:“保存”,
取消:“取消”,
});
因为看起来像垃圾的输出并不是来自数据库中实际保存的内容,所以成功发布后的新加载意味着页面看起来干净如初


这不是一个很好的解决方案,但它很有效,并且不依赖于讨厌的黑客。

我通过添加以下内容解决了这个问题:

        callback    : function() {
            location.reload();
        },
进入:

    $(".edtext").editable("./editHandler/WRITE.update.php?uaID=<?=$uaID?>", {
        event       : 'dblclick',
        dataType    : "json",
        placeholder : '',
        indicator   : 'Saving...',
        cssclass    : 'editable',
        submit      : 'Save',
        cancel      : 'Cancel',
    });
});
$(“.edtext”).editable(“./editHandler/WRITE.update.php?uaID=“{
事件:“dblclick”,
数据类型:“json”,
占位符:“”,
指标:“正在保存…”,
cssclass:“可编辑”,
提交:“保存”,
取消:“取消”,
});
});
因此,最终结果是:

$(".edtext").editable("./editHandler/WRITE.<?=$appKey?>.php?uaID=<?=$uaID?>", {
    callback    : function() {
        location.reload();
    },
    event       : 'dblclick',
    placeholder : '',
    indicator   : 'Saving...',
    cssclass    : 'editable',
    submit      : 'Save',
    cancel      : 'Cancel',
});
$(“.edtext”).editable(“./editHandler/WRITE..php?uaID=”{
回调:函数(){
location.reload();
},
事件:“dblclick”,
占位符:“”,
指标:“正在保存…”,
cssclass:“可编辑”,
提交:“保存”,
取消:“取消”,
});
因为看起来像垃圾的输出并不是来自数据库中实际保存的内容,所以成功发布后的新加载意味着页面看起来干净如初

这不是一个美妙的工作,但它的工作,并不依赖于讨厌的黑客

$(".edtext").editable("./editHandler/WRITE.<?=$appKey?>.php?uaID=<?=$uaID?>", {
    callback    : function() {
        location.reload();
    },
    event       : 'dblclick',
    placeholder : '',
    indicator   : 'Saving...',
    cssclass    : 'editable',
    submit      : 'Save',
    cancel      : 'Cancel',
});