使用AJAX和JavaScript发送所选选项

使用AJAX和JavaScript发送所选选项,javascript,html,ajax,Javascript,Html,Ajax,我有一个选择下拉列表,我想将一个选择的选项发送到ajax,然后显示它 这是我的HTML: <label>Tag</label> <select id="day"></select> <label>Monat</label> <select id="month"></select> <label>Jahr</label> <selec

我有一个选择下拉列表,我想将一个选择的选项发送到ajax,然后显示它

这是我的HTML:

<label>Tag</label>
    <select id="day"></select>
    <label>Monat</label>
    <select id="month"></select>
    <label>Jahr</label>
    <select id="year"></select>
标签
莫纳特
加尔
它由JavaScript动态填充

var day = document.getElementById('day');
var month = document.getElementById('month');
var year = document.getElementById('year');
var hour = document.getElementById('hours');
var minute = document.getElementById('minutes');

    var _month = ["Januar","Februar","März","April","Mai","Juni","August","September","Oktober","November","Dezember"];
    var _year = ["2017", "2018", "2019", "2020", "2021", "2022"];

    for(var i = 0; i <= 31; i++){
        day.options[day.options.length] = new Option(i+1, i + 'tag');
    }

    for(var i = 0; i <= _month.length; i++){
        month.options[month.options.length] = new Option(_month[i], i);
    }

    for(var i = 0; i <= _year.length; i++){
        year.options[year.options.length] = new Option(_year[i], i);
    }
var day=document.getElementById('day');
var month=document.getElementById('month');
var year=document.getElementById('year');
var hour=document.getElementById('hours');
var minute=document.getElementById('minutes');
变量月=[“一月”、“二月”、“马尔兹”、“四月”、“五月”、“六月”、“八月”、“九月”、“奥克托伯”、“十一月”、“德州”];
风险值年=[“2017”、“2018”、“2019”、“2020”、“2021”、“2022”];

for(var i=0;ijQuery是为方便我们使用JavaScript而创建的

$(function(){
    $('button').on('click', function(){
        tag = $('#day').val();
        monat = $('#month').val();
        jahr = $('#year').val();

        $.ajax({
          url: 'urlhere',
          type: 'post',
          data: {
            tag: tag,
            monat: monat,
            jahr : jahr
          },
          dataType: 'json',
          cache: false,
          beforeSend: function () {
                // things to do before success
          },
          success: function (data) {
                // results here
          }
        });
    });
});

jQuery是为方便我们使用JavaScript而创建的

$(function(){
    $('button').on('click', function(){
        tag = $('#day').val();
        monat = $('#month').val();
        jahr = $('#year').val();

        $.ajax({
          url: 'urlhere',
          type: 'post',
          data: {
            tag: tag,
            monat: monat,
            jahr : jahr
          },
          dataType: 'json',
          cache: false,
          beforeSend: function () {
                // things to do before success
          },
          success: function (data) {
                // results here
          }
        });
    });
});

现在您有了价值,您可以创建一个易于访问的对象

{日:日值,月:月值,年:年值}

或者你想怎样读你可以用那种方式发送的另一面

对于ajax中的SED数据:

var xmlhttp = new XMLHttpRequest();   // new HttpRequest instance 
xmlhttp.open("POST", "/json-handler");
xmlhttp.setRequestHeader("Content-Type", "application/json");
xmlhttp.send(JSON.stringify({day: dayValue, month: monthValue, year: yearValue}));
现在您有了价值,您可以创建一个易于访问的对象

{日:日值,月:月值,年:年值}

或者你想怎样读你可以用那种方式发送的另一面

对于ajax中的SED数据:

var xmlhttp = new XMLHttpRequest();   // new HttpRequest instance 
xmlhttp.open("POST", "/json-handler");
xmlhttp.setRequestHeader("Content-Type", "application/json");
xmlhttp.send(JSON.stringify({day: dayValue, month: monthValue, year: yearValue}));

你喜欢jQuery吗?我可以使用jQuery吗?我想用javascript做这件事:/你喜欢jQuery吗?我可以使用jQuery吗?我想用javascript做这件事:/但是我怎么能在ajax的send方法中使用它呢?xhttp.send(“POST”、“?”、“true”);是的,正如我在回答的最后一节中提到的,你可以使用这些方法
var url=“URL”;http.open(“POST”,URL,true);//随请求发送正确的头信息http.setRequestHeader(“内容类型”,“应用程序/x-www-form-urlencoded”);http.setRequestHeader(“连接”,“关闭”);http.onreadystatechange=function(){//Handler函数,用于状态更改时的回调。if(http.readyState==4){alert(http.responseText);}http.send(parameters);
但是我如何在ajax的send方法中使用它呢?xhttp.send(“POST”、“?”、“true”);是的,正如我在回答的最后一节中提到的,您可以使用这些方法发送
var url=“url”;http.open(“POST”,url,true);//将正确的头信息与请求一起发送http.setRequestHeader(“内容类型”,“应用程序/x-www-form-urlencoded”);http.setRequestHeader(“连接”,“关闭”);http.onreadystatechange=function(){//Handler函数,用于状态更改时的回调。if(http.readyState==4){alert(http.responseText);}http.Send(参数);