2012-12-20 78 views
1

HTML/jQuery的:AJAX POST:回送貼錨標記值

<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,因爲我可以提醒它,但問題正在恢復。

回答

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

你如何在數據傳遞給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']; 
?> 
1

你的語法錯誤傳遞的朋友值數據。 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']; 

?> 
1

首先,你不能將數據發送到AJAX頁面這樣

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

更合適的方式是

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

然後PHP頁面上,你可以檢索這些以這種方式值

$key1 = $_POST['key1']; // will contain 'val1' 
$key2= $_POST['key2']; // will contain 'val2' 
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']; 
?> 
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" 
     }); 
    }); 
    });