Javascript 如何使用ajax、js、html将数据发布到远程服务器?

Javascript 如何使用ajax、js、html将数据发布到远程服务器?,javascript,jquery,ajax,Javascript,Jquery,Ajax,我想将数据从html页面发送到服务器 下面是我的json示例。 在我的html页面上,问题标签和这四个选项(如A、B、C、D和option)都是单选按钮形式,单击“发送”按钮后,我想将以下json格式的数据发送到远程服务器 { "questions": [ { "question": "What is the answer. 2+3=?", "answer": "B" }, {

我想将数据从html页面发送到服务器 下面是我的json示例。 在我的html页面上,问题标签和这四个选项(如A、B、C、D和option)都是单选按钮形式,单击“发送”按钮后,我想将以下json格式的数据发送到远程服务器

{
    "questions": [
        {
            "question": "What is the answer. 2+3=?",
            "answer": "B"
        },
        {
            "question": "What is the answer. 3-1=?",
            "answer": "A"
        },
        {
            "question": "What is the answer. 3*2=?",
            "answer": "B"
        },
        {
            "question": "What is the answer. 3/3=?",
            "answer": "A"
        },
        {
            "question": "What is the answer. 6%3=?",
            "answer": "D"
        },
        {
            "question": "What is the answer. 6+3=?",
            "answer": "NA"
        },
        {
            "question": "What is the answer. 2+3+3=?",
            "answer": "A"
        },
        {
            "question": "What is the answer. 3+3-2=?",
            "answer": "NA"
        },
        {
            "question": "What is the answer. 2*3*3=?",
            "answer": "D"
        },
        {
            "question": "What is the answer. 2*3+3=?",
            "answer": "B"
        }
    ]
}

您可以使用ajax像这样将数据发送到远程服务器(让您的json保存在变量中-
var json\u data
in JS):

了解更多关于

更新

请参阅下面的代码bock,它显示了如何从HTML获取数据并通过它形成json数组:

$(函数(){
$('.submitBtn')。on('click',函数(e){
var jsonArr=[];
$('.ques_block')。每个(函数(i){
var text=$(this.find('label').text();
var option=$(this.find(“select”).val();
jsonArr.push({
“文本”:文本,
“选项”:选项
});
});
log(jsonArr);
});
});
。选项{
左边距:20px;
边缘顶部:10px;
}
(九)奎士楼{
边缘顶部:30px;
}
.submitBtn{
边缘顶部:20px;
}

问题1。从下面选择任意一个选项?
选择1
选择2
选择3
选择4
问题1。从下面选择任意一个选项?
选择1
选择2
选择3
选择4
提交

我想发送类似上述格式的json。html页面包含标签和单选按钮。问题的标签和选项的单选按钮。@PranitBhor-请参阅上面我的更新部分。我添加了一个代码块,使它更容易理解@PranitBhor-如果您认为此答案正确且有帮助,请接受并投票此答案,因为它激励我回答其他类似问题,并帮助其他人快速找到正确答案!
$.ajax({
    type : "POST",
    contentType : "application/json",
    url : "url_for_remote_server",
    data : json_data,
    dataType : 'json',
    success : function(data) {
        console.log("SUCCESS: ", data);
    },
    error : function(e) {
        console.log("ERROR: ", e);
    },
    done : function(e) {
        console.log("DONE");
    }
});