如何实现点击页面上的图片改变服务器上某个文件的JSON数据?

我的目的是test.html页面如下,有4个图片:

点击其中一个图片就相应的修改服务器上和test同目录的test.json里的数据。

test.json内数据内容如下:

{
“pics”:[
{
"selected":"pic1",
"path":"./pic1.jpg"
}
]
}

点击图2,则修改为:

{
“pics”:[
{
"selected":"pic2",
"path":"./pic2.jpg"
}
]
}
点击图3,则修改为:

{
“pics”:[
{
"selected":"pic3",
"path":"./pic3.jpg"
}
]
}
以此类推。

用php和servlet都可以

还有有一个问题,就是我的一个js文件的路径是在path.json文件里面的,但是我的页面又在开始的需要用这个js,我应该如包含这个js文件呢?

先getJson(),然后 这样吗?

http://www.jb51.net/article/56518.htm

点击以后,服务器收到消息,然后后台脚本进行处理,后台脚本是:
1 php
php 先读取文件到字符串,然后 先json_decode到数组,修改后再 json_encode到json 串,然后把串写入文件
2 node.js
这个不是很熟悉,步骤类似1
3 其他语言找json 库来操作

每次创建一个 新就可以了,把旧的删掉!

改变服务器上某个文件的JSON数据,需要后端代码来完成了,比如使用Java、PHP、Python等。