Jquery Mobile发布到PHP(同页)

时间:2013-01-21 20:27:58

标签: php jquery jquery-mobile

不确定我错过了什么,价值不会发布。我希望代码发布到当前页面(test.php)

<script>
$(document).ready(function(){
    $("#submit_response").click(function() {
         $.post(test.php, {name: 'demo'}, success: function(data) {

         });
     });    
});
</script>


<a href="#" id="submit_response" data-role="button" data-theme="a">Demo Save</a>

<?php if(isset($_POST['name'])) echo 'Posted: '.$_POST['name'];?>

1 个答案:

答案 0 :(得分:0)

请注意,您的内容不会使用<?php if(isset($_POST['name'])) echo 'Posted: '.$_POST['name'];?>

进行更新

为了使它成功,你可以这样做:

首先在任何内容之后创建一个名为update()的函数或所有html底部的所有内容

更新功能

<?php
function update(){
    if(isset($_POST['name']) && $_POST['name'] == "demo" ) {
        header('Content-Type: application/json');
        echo json_encode($_POST['name'])    ;
        exit(); // To avoid full html page be delivered
    }
}
?>

在所有HTML或任何内容之前打电话给它 <?php update(); ?>

然后您的javascript更新您的页面:

<script>
$(document).ready(function(){
$("#submit_response").click(function() {
        $.post(<?php echo '"'.$_SERVER['SCRIPT_FILENAME'].'"' ?>, {name: 'demo'}, dataType:"json", 
            success: function(data) {
                    $("#contentToUpdate").html(data.name);
            });
    }); 
});

</script>