gpt4 book ai didi

javascript - jQuery AJAX 似乎没有启动

转载 作者:行者123 更新时间:2023-12-01 04:32:49 25 4
gpt4 key购买 nike

我已在此处和其他地方进行了尽可能多的搜索,试图解决此问题;我似乎找不到足够相似的东西。按钮单击会在打印到控制台时触发。然而,我随后要求的每个控制台响应都没有发生,这让我相信 AJAX 调用本身没有触发。

<form type="GET" action="/api.php" id="search" name="search">
<label for="getICAO">Search by ICAO:</label><br />
<input type="text" id="getICAO" name="getICAO" placeholder="KLAX"><br />
<label for="getCity">Search by city:</label><br />
<input type="text" id="getCity" name="getCity"> <br />
<label for="button"><input type="button" id="submit" name="submit" value="Find Airport"> </label><br />
</form>

<script>
jQuery("#submit").on("click", function(e) {
e.preventDefault();
console.log('submitted');
// This part works ^

// I have verified that the variables are passed to the PHP file. The PHP file is
//functioning properly and the database query returns with JSON formatted results.
var getICAO = jQuery("#getICAO").val();
var getCity = jQuery("#getCity").val();

jQuery.ajax({
type: "GET",
url: "/api.php?getICAO="+getICAO+"&getCity="+getCity,
dataType: "json",

}) .done(function(data) {

var result = jQuery.parseJSON(data);

jQuery.each(result, function(key, value) {
console.log(result); // Nothing returns
});
})
});

</script>

这可能是一个我不明白的简单错误。感谢您的帮助。

最佳答案

好吧,我不知道这里的代码是全部还是只是形式
无论如何,Jquery 是一个 javascript 库,您必须在要使用 Jquery 的每个页面的头部引用它(或者在正文中也没有多大关系)

您可以下载它或使用CDN:
https://jquery.com/download/

并且您不必为 html 表单设置操作方法
因为您已经在阻止默认

最好让ajax处理GET参数,像这样:

jQuery.ajax({
type: "GET",
url: "/api.php",
data: {
getICAO: getICAO,
getCity: getCity
},
dataType: "json"
})

这是工作页面:

<!DOCTYPE html>
<html lang="en">

<head>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
</head>
<body>
<form id="search" name="search">
<label for="getICAO">Search by ICAO:</label><br />
<input type="text" id="getICAO" name="getICAO" placeholder="KLAX"><br />
<label for="getCity">Search by city:</label><br />
<input type="text" id="getCity" name="getCity"> <br />
<label for="button"><input type="button" id="submit" name="submit" value="Find Airport"> </label><br />
</form>


<script>
jQuery("#submit").on("click", function(e) {
e.preventDefault();
console.log('submitted');
// This part works ^

// I have verified that the variables are passed to the PHP file. The PHP file is
//functioning properly and the database query returns with JSON formatted results.
var getICAO = jQuery("#getICAO").val();
var getCity = jQuery("#getCity").val();

jQuery.ajax({
type: "GET",
url: "/api.php",
data: {
getICAO: getICAO,
getCity: getCity
},
dataType: "json"

})
.done(function(data) {
var result = jQuery.parseJSON(data);

jQuery.each(result, function(key, value) {
console.log(result); // Nothing returns
});
})
});
</script>
</body>

</html>

关于javascript - jQuery AJAX 似乎没有启动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61902253/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com