Question

帮助我使用ajax从一个页面到另一个页面来检索php数组

当用户在该文本字段中开始输入时，此时只需要使用ajax从page2中检索数据

        <!doctype html> //page1
        <html lang="en">
        <head>
          <meta charset="utf-8">
          <title>jQuery UI Autocomplete - Default functionality</title>
          <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
          <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
          <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
          <link rel="stylesheet" href="/resources/demos/style.css">
          <script>
          $(function() {
        var movies = <?php echo json_encode($varma); ?>; // here i want to pass that php array using ajax

            alert(JSON.stringify(movies));
            $( "#tags" ).autocomplete({
              source: movies
            });
          });
          </script>
        </head>
        <body>

        <div class="ui-widget">
          <label for="tags">Tags: </label>
          <input id="tags"> // input field
        </div>


        </body>
        </html>



        <?php //page 2
        $varma=array("ActionScript","AppleScript","Java","JavaScript","Lisp","Perl","PHP","Python","Ruby","Scala","Scheme"); //php array
    ?>

Answer 1

source属性可以将URL作为值。 URL必须为插件呈现json格式。

请参阅http://api.jqueryui.com/autocomplete/#option-source

$( "#tags" ).autocomplete({
              source: '/myMovies.php'
            });

/myMovies.php

<?php echo json_encode($varma); ?>;

Answer 2

这是一个更通用的方法来解决php中的ajax。

构造php数组

$arReturn = array( 'name' => 'AliasM2K' );
header( 'Content-Type: application/json' );
print json_encode( $arReturn );

执行ajax

$.ajax({

    url: 'ajaxPhp.php',
    dataType: 'json',
    success: function( oData ) {
        alert( oData.name );
    }

});

Answer 3

<?php 

/*
   I read your problem and your code also and the suggestion from my side is :
    Some how you don't required any second page and doesn't required ajax for all this.
    You can autocomplete your textbox with PHP array's values using below successive code..
    Do yourself and enjoy.
 */
?>
<!doctype html> 
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<?php
    $title_name = array();
    $fetch=array("ActionScript","AppleScript","Java","JavaScript","Lisp","Perl","PHP","Python","Ruby","Scala","Scheme"); //php array
    foreach ($fetch as $data)
    {
        array_push($title_name,$data);  } ?>
<script>
    $(function(){ 
                var availableTags =<?php echo json_encode($title_name)?>;
                //PUT TEXTBOX ID here 
                $( "#tags" ).autocomplete({   source: availableTags }); 
            }); 
</script>        
</head>
<body>
    <div class="ui-widget">
        <label for="tags">Tags: </label>
        <input id="tags"> // input field
    </div>
</body>
 </html>

如何使用ajax将php数组传递给jquery

3 个答案: