使用AJAX和JavaScript发送所选选项
我有一个选择下拉列表,我想将一个选择的选项发送到ajax,然后显示它 这是我的HTML:使用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
<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(参数);