gpt4 book ai didi

javascript - jQuery ajax 没有调用我的 php 文件?

转载 作者:行者123 更新时间:2023-11-30 12:47:34 24 4
gpt4 key购买 nike

好吧,我对所有事情都一窍不通,但我只是想让 jQuery 调用我的 php 脚本并获取返回数据。当我运行它时,它似乎并没有尝试访问我的 php 文件,而是只是在 url 栏中将“?wd=”附加到我的 url,在任何地方都没有“lookup.php”。当我直接调用它时,php 脚本工作正常。我已经尝试了很多东西,我只是用一个最小的工作示例尝试了一个 fiddle ,然后我编辑它以使用我的 url 而不是 in 来查看它是否可以工作并且它打破了 fiddle 。那么为什么 jQuery 似乎讨厌我的 php 文件呢?

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#input").on("submit", function()
{
var wd = $("#word").val();
$.ajax({
url: "lookup.php",
data: {word:wd},
success:function(result){
$("#return").html(result);
}
});
return false;
});

});
</script>
</head>
<body>
<form id="input" action="">
Word:<input type="text" name="word" autofocus /><br />
<input type="submit" value="Submit" />
</form>
<br />
<div id="return"><b>Return data here</b></div>
</body>
</html>

和我的 php:

<?php
$word = $_GET['wd'];
if ($word=="hi") {
echo "<p>Hey there!</p>";
} else {
echo "<p>Mi dispiace :-(</p>";
}
?>

我敢肯定这是非常明显的事情,所以请您提前花几秒钟来帮助我。

最佳答案

你已经使用了 var wd = $("#word").val();在 js 中

但是对于html中的文本框你没有给id

请为您的文本框添加id并尝试

<input type="text" id="word" name="word" autofocus />

像下面这样编辑你的js

var wd=$("input[name=word]").val();

关于javascript - jQuery ajax 没有调用我的 php 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22005042/

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