AJAX POST:回显发布的锚标记值

时间:2012-12-20 11:43:14

标签: php jquery

HTML / jQuery的:

<a href=# id="friends">Friends</a>
<script type="text/javascript">
    $(document).ready(function() {
        $('a#friends').click(function() { 
            $.ajax({
                type: "POST",
                url: "data.php",
                data:  $('#friends').html(),
                success: function(data) {
                    $('#questions').html(data);
                },
                dataType: "HTML"
            });
        });
    });
</script>

data.php:

<?php
    echo $_POST['#friends'];
?>

如何在锚标记中返回id的POST值?该变量正在传递给PHP,因为我可以提醒它,但问题是将其恢复。

6 个答案:

答案 0 :(得分:5)

您需要在AJAX请求中指定要发送的值的名称。试试这个:

$.ajax({
    type: "POST",
    url: "data.php",
    data:  { 'friends': $('#friends').html() }, // Note the value is sent in an object with a key of 'friends'
    success: function(data) {
        $('#questions').html(data);
    },
    dataType: "HTML"
});
<?php
    echo $_POST['friends']; // retrieve the 'friends' value
?>

答案 1 :(得分:1)

如何将数据传递给PHP,

请使用以下代码

<a href=# id="friends">Friends</a>
<script type="text/javascript">

    $(document).ready(function() {
    $('a#friends').click(function() { 
        $.ajax({
            type: "POST",
            url: "data.php",
            data:  {'friends' : $('#friends').html()},
            success: function(data) {
                $('#questions').html(data);
                },
            dataType: "HTML"
        });
    });

</script>

<?php
   echo $_POST['friends'];
?>

答案 2 :(得分:1)

将friend值传递给data.php

的语法错误

试试这个

$(document).ready(function() {
    $('a#friends').click(function() { 
        $.ajax({
            type: "POST",
            url: "data.php",
            data: "friends="+$('#friends').html(),
            success: function(data) {
                $('#questions').html(data);
                },
            dataType: "HTML"
        });
    });


<?php

echo $_POST['friends'];

?>

答案 3 :(得分:1)

首先,你不能以这种方式向ajax页面发送数据

data:  $('#friends').html(),

更合适的方式是

data : {'key1':'val1', 'key2':'val2'}

然后在php页面上,您可以以这种方式检索这些值

$key1 = $_POST['key1']; // will contain 'val1'
$key2= $_POST['key2']; // will contain 'val2'

答案 4 :(得分:0)

或者你可以使用

<a href=# id="friends">Friends</a>
<script type="text/javascript">
    $(document).ready(function() {
        $('a#friends').click(function() { 
            $.post("data.php",{
                friends: $("#friends").html()
            },function(data){
                $("#questions").html($.trim(data)); // trim to be sure
            });
        });
    });
</script>

并在php中:

<?php
   echo $_POST['friends'];
?>

答案 5 :(得分:0)

在数据字段中传递数据变量。有关详细信息,请参阅以下示例

$(document).ready(function() {
    $('a#friends').click(function() { 
        alert("");
        $.ajax({
            type: "POST",
            url: "data.php",
            data:  "#friends="+$('#friends').html(),
            success: function(data) {
                alert(data);
                $('#questions').html(data);
                },
            dataType: "HTML"
        });
    });
    });