我有一个 HTML 文件,其中包含一个包含两个字段的表单。这些字段的值应发布到 PHP,并且应使用 JQuery 从 HTML 获取该 PHP。这就是我实现的。
我的 HTML 文件:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#first").load("result_jquery.php");
});
});
</script>
</head>
<body>
<div id="first"></div>
<div>
<form method="POST" id="myForm">
Name: <input type="text" name="name"/><br/>
Number: <input type="text" name="number"/><br/>
<button>submit</button>
</form>
</div>
</body>
这是我的result_jquery.php
<?php
$n = $_POST["name"];
echo "hello ".$n;
?>
当我点击提交按钮时,就会打印出问候语。但这个名字没有被打印出来。你能帮我解决这个问题吗?我不知道我哪里错了。
最佳答案
我认为按钮元素的使用是令人担忧的,我现在放置的代码可以根据您的需要正常工作,所以尝试一下并告诉我结果:)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
$("#button").click(function(){
var n = $('[name="namee"]').val();
var nb = $('[name="number"]').val();
$("#first").load("result_jquery.php",{'namee':n,'number':nb},function(data){});
});
});
</script>
</head>
<body>
<div id="first"></div>
<div>
<form method="POST" id="myForm">
Name: <input type="text" name="namee"/><br/>
Number: <input type="text" name="number"/><br/>
<input type="button" value="Submit" id="button" />
</form>
</div>
</body>
</html>
关于php - 使用 jquery 时,表单字段未发布到 php 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15690936/