使用jquery将Php变量发送到php脚本

时间:2013-12-18 13:01:47

标签: php jquery

我正在尝试将带有jquery的变量发送到php脚本,现在这是我在阅读文档后的第一次尝试,但它无法正常工作。任何人都可以给我一些建议吗?我没有意识到代码中的错误。我想发送的变量是$ id。我用' 1'

定义了它
<?php
$id = '1';
?>

jquery part

<script>
$(document).ready(function() {    // Anfang Dokument Ready Funktion
$("p").click(function () {  // Anfang Klick Funktion
 var id = $(this).html();    // Inhalt in Klickfunktion
// Beginn Ajax Segment mit Angabe von Typ Url Data und Div #ausgabe
    $.ajax({
        type: 'POST',
        url: 'http://localhost/ajax.php',
        data: 'id='+id',
        success: function(data){
            $('#ausgabe').html(data);
        }
        });     // Ende Ajax Segment 
});    // Ende Klick Funktion
});  // Ende Dokument Ready Funktion
</script>

<div id="ausgabe"></div>
<p><button>Sende Variable</button></p>

ajax.php

<?php
$id = $_POST['id'];
echo $id;
?>

3 个答案:

答案 0 :(得分:0)

使用ajax向PHP发送信息的正确形式是:

$.ajax({
        type: 'POST',
        url: 'http://localhost/ajax.php',
        data: id:id,
        success: function(data){
            $('#ausgabe').html(data);
        }
        }); 

通过引用发送。 如果您想在没有参考的情况下发送,请使用:

$.ajax({
        type: 'POST',
        url: 'http://localhost/ajax.php',
        data: id,
        success: function(data){
            $('#ausgabe').html(data);
        }
        }); 

答案 1 :(得分:0)

更好地依靠data-*属性:

<强> HTML

<a href="#" data-id="<?php echo $id; ?>">Click me</a>

<强> JS

$(function(){

  $('a[data-id]').click(function(event){

    event.preventDefault();

    // $(this).data('id') fetches the data-id attribute from your anchor
    $.post( someUrl, { id : $(this).data('id')} ).done(function(){ ... })

  })

})

答案 2 :(得分:0)

简单发送就像这样

 $.ajax({
        type: 'POST',
        url: 'http://localhost/ajax.php',
        data: {id : <?php echo $id ?>},
        success: function(data){
            $('#ausgabe').html(data);
        }
        });     // Ende Ajax Segment