0

これは私のプレビューの問題のよりクリーンなコードです。アイデアは ajax を使用して値を送信および取得することですが、値が送信されておらず、ajax が機能していないようです。このコードを更新したのは、この方法でどのマシンでも簡単にテストできるからです。初めてajaxを使用します。コードは次のとおりです。

Javascript

<script>
jQuery(document).ready(function() {
jQuery('#centro').click( function() {
$.ajax({
        url: 'request.php',
        type:'POST',
        data: $("#form").serialize(),
        dataType: 'json',
        success: function(output_string){
        alert(output_string);
                $('#cuentas').html(output_string);
            } // End of success function of ajax form
        }); // End of ajax call    

  });

});
</script>

HTML:

  <?php
  $result = 'works';
  ?>

  <form id="form">
  <div id="centro">
  <a href="#">Click here</a>
  <br>
  <input type="hidden" name="centro" value="<?php echo $result; ?>">
  </form>

  <div id="cuentas">
  </div>

PHP ファイル、request.php

 <?php
 $centro = $_POST['centro'];
 $output_string = ''.$centro;
 echo json_encode($output_string);
 ?>
4

3 に答える 3

0

以下のようにコードを少し変更してみてください。

Jquery部分 

success: function(d){
         var output=d[0].data; // Will output only first record  
          $('#cuentas').html(output);
        } // End of success function of ajax form

PHPの部分

$centro = $_POST['centro'];
$output_string = array('data'=>$centro);
echo json_encode($output_string);

それでも機能しない場合は、リクエストを監視するため Developer toolにクロムまたはFirefoxで確認してくださいfirebug

于 2013-05-01T18:25:51.880 に答える