我正在尝试发送数据,但无法找到错误jquery ajax

时间:2016-07-23 12:58:14

标签: php jquery ajax

这是我的索引,我想发送表单数据而不重定向到另一个页面我想通过使用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;
&#13;
&#13;

这是行动页面

$fname=$_post['fname'];
$lname=$_post['fname'];

echo "$fname  $lname";

1 个答案:

答案 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>