gpt4 book ai didi

php - 如何使用 jQuery Ajax 将多个表单值传递给 php?

转载 作者:行者123 更新时间:2023-12-01 02:54:03 25 4
gpt4 key购买 nike

为什么我无法使用 jQuery Ajax 获得 php 的响应?当我单击“页面”按钮时,网络链接将从:

 http://localhost/jQuery1.html

类似:

http://localhost/jQuery1.html?state_chosen=Alabama&Type=&page=1

但是,PHP 没有回显结果。

HTML 代码:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("form").change(function(){
$.ajax({
type:"POST",
url:"passdata.php",
data: $('form').serialize(),
success: function(data){
$('#result').html(data);
} });
}); });
</script>

</head>
<body>

<form >
<select class="dd1" name="state_chosen">
<option selected value = ""> Location </option>
<option value="Alabama" > US: Alabama </option>
</select>
<select class="dd2" name="type">
<option selected value = ""> Type </option>
<option value="Plumber" > Plumber </option>
</select>

<button name="page" value="1" >1</button>
<button name="page" value="2" >2</button>

</form>

<div id="result"></div>
</body>
</html>

passdata.php

<?php
echo '<div>' .$_POST['state_chosen']." <br>". $_POST['type']."<br>". $_POST['page']. '</div>';
?>

最佳答案

我全面测试了您的代码。

错误只是在ajax成功函数的右大括号后面多了一个分号;

我经常给端括号贴上标签,这样我就可以跟踪。例如。//结束ajax block

使用这个,它会起作用:

<script>
$(document).ready(function(){
$("form").change(function(){
$.ajax({
type:"POST",
url:"passdata.php",
data: $('form').serialize(),
success: function(data){
$('#result').html(data);
} //*****here was the error*****
}); //END ajax
}); //END form.change()
}); //END document.ready
</script>

关于php - 如何使用 jQuery Ajax 将多个表单值传递给 php?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31643800/

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