这是我使用 javascript 和 Z2705A83A5A0659CCE34583972637EDA 发送 JSON object 的代码

Question

这样 sendJason function 将在按下提交按钮后运行，以将输入字段中的数据作为 jason object 发送到服务器

• 输入字段有多种类型（用户名、email、单选按钮、复选框、文本区域..）
• 在文本输入的情况下，它运行完美
• 在单选按钮和复选框的情况下会出现问题，它不会以 jason 格式发送数据有什么帮助吗？ 提前致谢

javascript 代码：

function sendJSON(){ 
        
        let result = document.querySelector('.result'); 
        let aed_modifing = document.querySelector('#aed_modifing'); 
        let compliant_on_AED = document.querySelector('#compliant_on_AED');

        let frequency_per_month = document.querySelector('#frequency_per_month'); 
        let last_visit = document.querySelector('#last_visit'); 
        
        let last_visit_seizure = document.querySelector('#last_visit_seizure'); 
        let same_seizure_type = document.querySelector('#same_seizure_type'); 
        
        let triggering_factors = document.querySelector('#triggering_factors');

        // Creating a XHR object 
        let xhr = new XMLHttpRequest(); 
        let url = "submit.txt"; 
    
        // open a connection 
        xhr.open("POST", url, true); 

        // Set the request header i.e. which type of content you are sending 
        xhr.setRequestHeader("Content-Type", "application/json"); 

        // Create a state change callback 
        xhr.onreadystatechange = function () { 
            if (xhr.readyState === 4 && xhr.status === 200) { 

                // Print received data from server 
                result.innerHTML = this.responseText;
                console.log(this.responseText);


            } 
        }; 

        // Converting JSON data to string 
        var data = JSON.stringify({ "aed_modifing": aed_modifing.value, 
            "compliant_on_AED":compliant_on_AED.value ,
            "frequency_per_month" : frequency_per_month.value , "last_visit" : last_visit.value ,
            "last_visit_seizure" :last_visit_seizure.value , 
            "same_seizure_type":same_seizure_type.value,
            "triggering_factors":triggering_factors.value 

         }); 

        // Sending data with the request 
        xhr.send(data); 
}

Answer 1

请记住，单选按钮和复选框的值实际上是checked的属性，如果选中则为true ，否则为 false。 您应该旨在检查和发送该数据，而不是使用value 。

这也意味着发送数据的复选框，您需要在 javascript 中处理它，并且类似地，单选按钮可以知道其中哪些是实际检查的。

对于单选按钮和复选框， value属性在确定哪些框被选中或不被选中时不是很有用。

更多帮助：

1. W3学校
2. MDN
3. 堆栈溢出