gpt4 book ai didi

php - 第一个脚本使用 $.ajax 但它不起作用

转载 作者:可可西里 更新时间:2023-11-01 01:15:11 25 4
gpt4 key购买 nike

这将是我第一次尝试使用 jQuery 和 Ajax(以及一般的 Jacascript),所以如果它是垃圾,请不要开枪!

我想要实现的是:拥有一个页面product.php产品显示有漂亮的图片和描述。在底部放一个 <select> menù:当一个<option>单击,jQuery 代码将代码加载到 tester.php传递给它 value单击的选项。.php 脚本将分析 value并且,根据它的值(value),它会发送一个查询来提取相对价格和 img。现在,在执行此操作之前,我编写了一个非常简单的代码(遵循官方文档和此处的一些答案)应该传递一个变量 $return回到 HTML 页面,但我猜它的回调不起作用,而且我在 jQuery 方面还没有足够的经验来找到问题和相关的解决方案。

谁能更专业地向我解释为什么这不起作用?谢谢!

ajaxpost.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#menuSelect").on("click", function(){
var str = $("#menuSelect").val();
$.ajax({
type: "POST",
url: "tester.php",
data: { value: str },
success: function(data){
console.log(data);
}
})
})
});
</script>
</head>

<body>
<div id="txt" >
</div>

<select id="menuSelect">
<option value="0"></option>
<option value="1">OPT1</option>
<option value="2">OPT2</option>
</select>

测试器.php

<?php
$value = $_POST["value"];
function provaAJAX($value) {
switch ($value) {
case "0":
$return = "First option selected";
break;
case "1":
$return = "Second option selected";
break;
case "2":
$return = "Third option selected";
break;
}
return $return;
}

$return = provaAJAX($value);

最佳答案

您应该打印要传递回 JS 的变量:

echo $return;

希望这对您有所帮助。

关于php - 第一个脚本使用 $.ajax 但它不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40872174/

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