Попытка получить значение формы ввода HTML для URL-адреса вызова jQuery AJAX как amt в url: "http://localhost:8080/orderNo?amount=" + amt,. Я могу получить входное значение для входа в консоль, вызвав getAmtValue (), но, похоже, не могу получить значение amt снаружи. Что я здесь делаю не так, пожалуйста? Обзорная проблема?
<body>
<form class="form-inline" onsubmit = " return getAmtValue()">
Find orders by amount :<br>
<div class="form-group">
<input type="text" class="form-control inputArea" id="getAmt" placeholder="Enter Amount">
</div>
<button type="submit" class="btn btn-default submit">Submit</button>
</form>
</body>
<script>
$(document).ready(function() {
var amt = "";
$.ajax({
type: "GET",
url: "http://localhost:8080/orderNo?amount=" + amt ,
xhrFields: {
withCredentials: true
},
dataType : "json",
success : function(data) {
let text = "";
for (let x in data) {
$('.order_amt').append("<br>" + data[x].amt + "<br>");
$('.order_number').append("<br>" + data[x].order_no + "<br>");
$('.order_date').append("<br>" + data[x].date + "<br>"):
}
}
});//End AJAX
});//End $(document).ready(function())
function getAmtValue(){
amt = document.getElementById("getamt").value;
console.log("Value from input : " + amt);
return false;
};
</script>
Обновление:
За McB & Nawed Khan, теперь работает как показано ниже.
$(document).ready(function() {
let amt = "";
});//End $(document).ready(function())
function getAmtValue(){
amt = document.getElementById("getamt").value;
console.log("Value from input : " + amt);
$.ajax({
type: "GET",
url: "http://localhost:8080/orderNo?amount=" + amt ,
xhrFields: {
withCredentials: true
},
dataType : "json",
success : function(data) {
let text = "";
for (let x in data) {
$('.order_amt').append("<br>" + data[x].amt + "<br>");
$('.order_number').append("<br>" + data[x].order_no + "<br>");
$('.order_date').append("<br>" + data[x].date + "<br>"):
}
}
});//End AJAX
return false;
};