Javascript 如何将JSON文件添加到我的wordpress服务器，用添加的文本保存并读取？

我想开发一个待办事项列表，供我的小编码团队使用。因此，文件必须保存在服务器上，而不是本地存储上。但是我该怎么做呢？ 在文件获得新的列表项后，所有登录到服务器的人都应该能够看到这一点

我完全是javascript的初学者。但是我读到Ajax语言被用于一些代码。 我不知道如何解决这个问题

HTML

待办事项：网站 欣祖夫根

洛申 JavaScript

window.onload = function() {
    //variables
    listNewsletter();
    listSonstiges();
    var form = document.getElementById("form-website");
    var input = document.getElementById("input-todo-website");
    var btn = document.getElementById("btn-add");
    var list = document.getElementById("list-todo-website");    
    var btnClr = document.getElementById("btn-clear-website");  
    var btnClrSonstiges = document.getElementById("btn-add-sonstiges");
    var id = 1;
    // listItem = {item: "todo item", checked: flase}
    var liItemWebsite = "";
    var todoListWebsite = [];

    //button event listener
    btn.addEventListener("click", addTodoItemWebsite);

    //list event listener
    list.addEventListener("click", boxCheckedWebsite);

    //event listener for clear list
    btnClr.addEventListener("click", clearListWebsite);

    if(localStorage.length <= 0) {
        btnClr.style.display = "none";
    }

    //checking localstorage has data
    if(localStorage.length > 0) {
        displayListWebsite();
    }


    //add todo item to list
    function addTodoItemWebsite() {
        if(input.value === "") {
            alert("Du musst eine Aufgabe hinzufügen!");
        }
        else {
            if(list.style.borderTop === "") {
                list.style.borderTop = "2px solid white";
                btnClr.style.display = "inline";
            }
            var text = input.value; 
            var item = `<li id="li-${id}">${text}<input id="box-${id}" class="checkboxes" type="checkbox"></li>`;               
            list.insertAdjacentHTML('beforeend', item); 
            liItemWebsite = {item: text, checked: false};
            todoListWebsite.push(liItemWebsite);        
            id++;
            addToLocalStorage()
            form.reset();
        }
    }

    //adding string through style to list itme
    function boxCheckedWebsite(event) {
        const element = event.target;
        if(element.type === "checkbox") {
            element.parentNode.style.textDecoration = "line-through";
            todoListWebsite = JSON.parse(localStorage.getItem("todoListWebsite"));
            todoListWebsite[element.id.split('-')[1]-1].checked = element.checked.toString();
            localStorage.setItem("todoListWebsite", JSON.stringify(todoListWebsite));
        }
    }

    //adding data to local storage
    function addToLocalStorage() {
        if(typeof(Storage) !== "undefined") {
            localStorage.setItem("todoListWebsite", JSON.stringify(todoListWebsite));
        }
        else {
            alert("Dein Browser unterstützt keinen 'LocalStorage'! Somit können deine Daten nicht gespeichert werden");
        }
    }

    function displayListWebsite() {
        list.style.borderTop = "2px solid white";
        todoListWebsite = JSON.parse(localStorage.getItem("todoListWebsite"));
        todoListWebsite.forEach(function(todoListWebsite) {
            console.log(todoListWebsite.item)
            var text = todoListWebsite.item;
            var item = `<li id="li-${id}">${text}<input id="box-${id}" class="checkboxes" type="checkbox"></li>`;
            list.insertAdjacentHTML("beforeend", item);

            if(todoListWebsite.checked) {
                var li = document.getElementById("li-"+id);
                li.style.textDecoration = "line-through";
                li.childNodes[1].checked = todoListWebsite.checked;
            }
            id++;
        });
    }

window.onload=function（）{
//变数
列表通讯（）；
listSonstiges（）；
var form=document.getElementById（“表单网站”）；
var input=document.getElementById（“输入todo网站”）；
var btn=document.getElementById（“btn添加”）；
var list=document.getElementById（“列表待办网站”）；
var btnClr=document.getElementById（“btn清除网站”）；
var btnClrSonstiges=document.getElementById（“btn添加sonstiges”）；
var-id=1；
//listItem={item:“待办事项”，选中：flase}
var liItemWebsite=“”；
var todoListWebsite=[]；
//按钮事件侦听器
btn.addEventListener（“单击”，AddToDoItem网站）；
//列表事件侦听器
list.addEventListener（“单击”，框选网站）；
//清除列表的事件侦听器
btnClr.addEventListener（“点击”，ClearListWeb）；
if（localStorage.length 0）{
displayListWebsite（）；
}
//将待办事项添加到列表中
函数addTodoItemWebsite（）{
如果（input.value==“”）{
警觉（“你是我的朋友！”）；
}
否则{
如果（list.style.borderTop==“”）{
list.style.borderTop=“2px纯白”；
btnClr.style.display=“inline”；
}
var text=input.value；
var item=`
${text}
`；
list.insertAdjacentHTML（'beforeend'，item）；
liItemWebsite={item:text，选中：false}；
todoListWebsite.push（liItemWebsite）；
id++；
addToLocalStorage（）
form.reset（）；
}
}
//通过样式向列表中添加字符串
功能盒检查网站（事件）{
常量元素=event.target；
如果（element.type==“复选框”）{
element.parentNode.style.textDecoration=“行通过”；
todoListWebsite=JSON.parse（localStorage.getItem（“todoListWebsite”）；
todoListWebsite[element.id.split（'-'）[1]-1]。checked=element.checked.toString（）；
setItem（“todoListWebsite”，JSON.stringify（todoListWebsite））；
}
}
//将数据添加到本地存储
函数addToLocalStorage（）{
if（类型（存储）！=“未定义”）{
setItem（“todoListWebsite”，JSON.stringify（todoListWebsite））；
}
否则{
警报（“浏览器不支持本地存储”！Somit können deine Daten nicht gespeichert werden”）；
}
}
函数displayListWebsite（）{
list.style.borderTop=“2px纯白”；
todoListWebsite=JSON.parse（localStorage.getItem（“todoListWebsite”）；
todoListWebsite.forEach（函数（todoListWebsite）{
console.log（todoListWebsite.item）
var text=todoListWebsite.item；
var item=`
${text}
`；
列表.insertAdjacentHTML（“beforeed”，项目）；
如果（todoListWebsite.checked）{
var li=document.getElementById（“li-”+id）；
li.style.textdearching=“行通过”；
li.childNodes[1].checked=todoListWebsite.checked；
}
id++；
});
}

window.onload = function() {
    //variables
    listNewsletter();
    listSonstiges();
    var form = document.getElementById("form-website");
    var input = document.getElementById("input-todo-website");
    var btn = document.getElementById("btn-add");
    var list = document.getElementById("list-todo-website");    
    var btnClr = document.getElementById("btn-clear-website");  
    var btnClrSonstiges = document.getElementById("btn-add-sonstiges");
    var id = 1;
    // listItem = {item: "todo item", checked: flase}
    var liItemWebsite = "";
    var todoListWebsite = [];

    //button event listener
    btn.addEventListener("click", addTodoItemWebsite);

    //list event listener
    list.addEventListener("click", boxCheckedWebsite);

    //event listener for clear list
    btnClr.addEventListener("click", clearListWebsite);

    if(localStorage.length <= 0) {
        btnClr.style.display = "none";
    }

    //checking localstorage has data
    if(localStorage.length > 0) {
        displayListWebsite();
    }


    //add todo item to list
    function addTodoItemWebsite() {
        if(input.value === "") {
            alert("Du musst eine Aufgabe hinzufügen!");
        }
        else {
            if(list.style.borderTop === "") {
                list.style.borderTop = "2px solid white";
                btnClr.style.display = "inline";
            }
            var text = input.value; 
            var item = `<li id="li-${id}">${text}<input id="box-${id}" class="checkboxes" type="checkbox"></li>`;               
            list.insertAdjacentHTML('beforeend', item); 
            liItemWebsite = {item: text, checked: false};
            todoListWebsite.push(liItemWebsite);        
            id++;
            addToLocalStorage()
            form.reset();
        }
    }

    //adding string through style to list itme
    function boxCheckedWebsite(event) {
        const element = event.target;
        if(element.type === "checkbox") {
            element.parentNode.style.textDecoration = "line-through";
            todoListWebsite = JSON.parse(localStorage.getItem("todoListWebsite"));
            todoListWebsite[element.id.split('-')[1]-1].checked = element.checked.toString();
            localStorage.setItem("todoListWebsite", JSON.stringify(todoListWebsite));
        }
    }

    //adding data to local storage
    function addToLocalStorage() {
        if(typeof(Storage) !== "undefined") {
            localStorage.setItem("todoListWebsite", JSON.stringify(todoListWebsite));
        }
        else {
            alert("Dein Browser unterstützt keinen 'LocalStorage'! Somit können deine Daten nicht gespeichert werden");
        }
    }

    function displayListWebsite() {
        list.style.borderTop = "2px solid white";
        todoListWebsite = JSON.parse(localStorage.getItem("todoListWebsite"));
        todoListWebsite.forEach(function(todoListWebsite) {
            console.log(todoListWebsite.item)
            var text = todoListWebsite.item;
            var item = `<li id="li-${id}">${text}<input id="box-${id}" class="checkboxes" type="checkbox"></li>`;
            list.insertAdjacentHTML("beforeend", item);

            if(todoListWebsite.checked) {
                var li = document.getElementById("li-"+id);
                li.style.textDecoration = "line-through";
                li.childNodes[1].checked = todoListWebsite.checked;
            }
            id++;
        });
    }