这是我的索引,我想发送表单数据而不重定向到另一个页面我想通过使用ajax j查询来添加刷新细节。
我的jQuery库是否正确..?
$(document).ready(function(){
$(#button).click(function(){
$.post("jq.php",{
fname:$('#fname').val(),
lname:$('#lname').val()
},
function(data){
$('#results').html(data);
});
});
});

<script src="jquery-1.12.4.min.js"></script>
<input type="text" id="fname" name="fname">First Name</br>
<input type="text" id="lname" name="lname">Last Name</br>
<button id="button">Submit</button></br>
<textarea id="results" style="width:100 height:200> </textarea>
&#13;
这是行动页面
$fname=$_post['fname'];
$lname=$_post['fname'];
echo "$fname $lname";
答案 0 :(得分:0)
$_POST
不是$_post
更改此
$fname=$_POST['fname'];
$lname=$_POST['fname'];
echo "$fname $lname";
此外,您忘记关闭此处"
<textarea id="results" style="width:100;height:200;"> </textarea>
也可以在这里更改,使用引号
$("#button").click(function(){
完整代码看起来像
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form name="test" action="">
<input type="text" id="fname" name="fname">First Name</br>
<input type="text" id="lname" name="lname">Last Name</br>
<button id="button">Submit</button></br>
<textarea id="results" style="width:100 height:200"> </textarea>
</form>
<script type="text/javascript">
$(function(){
$("#button").click(function(){
$.post("index1.php",{
fname:$('#fname').val(),
lname:$('#lname').val()
},
function(data){
$('#results').val(data);
});
});
});
</script>