如何在php数组上使用json_encode（），以及如何使用jQuery.getJSON（）？

Question

http://api.jquery.com/jQuery.getJSON/

http://www.w3schools.com/jquery/ajax_getjson.asp

http://api.jquery.com/jQuery.parseJSON/

http://www.json.org/js.html

http://php.net/manual/en/function.json-encode.php

http://techblog.willshouse.com/2009/06/12/using-json_encode-and-json_decode-in-php4/

Those are the sites I've been researching the most trying to wrap my head around json

This is my php

$fvsc=array();
query_posts('meta_key=featuredv');  
if (have_posts()) :  
    while (have_posts()) : 
        the_post();
        $fvsc []= "\n" . '<div id="featuredv-' . "$wp_query->current_post\">" . "$post->post_content;" . '</div>';
    endwhile;  
endif;
$jsonObject= json_encode($fvsc);   

and this is my .js

jQuery(document).ready(function($){
    jQuery.getJSON("<?php TEMPLATEPATH . '/featuredv.php'?>",function(data){
        var fvsJA=jQuery.parseJSON(<?php $jsonObject; ?>);
        var fts = $("#ttContent>[id^=featuredt]");  
        var fvs = $("#inCenter>[id^=featuredv]");
    });
    fts.click( function(){   
        $("#inCenter>[id^=featuredv]").replaceWith( function(){
            $(fvsJA).eq(fts.index(this))
        });
    });

What I'm trying to do is make my $fvsc array into a jQuery array. $fvsc is an array of videos, when a fts is clicked it should take the contents of a div and replace it with another video that has the same index as whichever fts was clicked. If you just load all the fts and fvs into one place you can use the click function here and it works great but if you echo out 5 videos and then later 10 and so on the site loads worse and worse. I thought if I could convert my php array into a jquery object that loads json strings then on click converts back into an object and replaces the div contents the load would degrade a lot better.

Answer 1

I see several issues in your code:

1. $fvsc []= "\\n" . '<div id="featuredv-' . "$wp_query->current_post\\">" . "$post->post_content;" . '</div>';

   I don't think you can wrap class's variable in double quote. It should be something like this:

    $fvsc []= '<div id="featuredv-' . $wp_query->current_post . '">' . $post->post_content . '</div>'; 

2. There's issue in your JS, specifically, the way you access URL. You see, ajax in wordpress is a bit different than the regular php. Look here for more information: https://wordpress.stackexchange.com/questions/9231/whats-the-preferred-method-of-writing-ajax-enabled-plugins/9236#9236