Question

这是我第一次在下面写一个ajax是我的结构

submitted.php

<?php $a = $_POST['a'];  // an input submitted from index.php ?>
<button>bind to jquery ajax</button>  // call ajax 
<span></span> // return ajax result here 

<script>
       $('button').on('click', function() {
        event.preventDefault();

        $.ajax({
                  method: "POST",
                  url: "test.php",
                  data: { "key" : 'data'}
                })
                  .done(function( msg ) {
                    $('span').html(msg);
                });
    });
</script>

test.php

<?php echo $a; // will this work? ?>

ajax返回空白...没有错误，我的error_reporting已打开。

Answer 1

不，这有一些问题：

您正在发布键值为key的键 - 值对，因此您需要在PHP脚本中使用$_POST['key'];
如果您需要阻止由按钮引起的表单提交等事件，则应使用.preventDefault()。如果是这种情况，您需要从事件处理程序中获取event变量：$('button').on('click', function(event) {。
如果没有要阻止的事件，您只需删除该行;
如果你有一个表单（从你的评论中看起来如此），你可以使用data: $('form').serialize()轻松发送所有键 - 值对。

Answer 2

form.php的

<button>bind to jquery ajax</button>  <!-- ajax trigger -->
<span></span> <!-- return ajax result here  -->

<script>

    // NOTE: added event into function argument
    $('button').on('click', function(event) {
         event.preventDefault();

         $.ajax({
             method: "POST",
             url: "test.php",
             data: { "key" : 'data'}
         })
         .done(function(msg) {
             $('span').html(msg);
         });
    });
</script>

process.php

<?php 

    echo (isset($_POST['key'])) ? $_POST['key'] : 'No data provided.';

?>

Answer 3

这是做到这一点的方法：

ubmitted.php

<button>bind to jquery ajax</button>  // call ajax 
<span></span> // return ajax result here 

<script>
       $('button').on('click', function() {
        // no need to prevent default here (there's no default)
        $.ajax({
                  method: "POST",
                  url: "test.php",
                  data: { "key" : 'data'}
                })
                  .done(function( msg ) {
                    $('span').html(msg);
                });
    });
</script>

test.php的

<?php 
   if (isset($_POST['key'])
     echo $_POST['key'];
   else echo 'no data was sent.';
 ?>

AJAX / PHP错误处理和全局变量

3 个答案: