update image src using ajax and Php function

i want to change my image on click function using ajax in wordpress:
my code is here:


jQuery(".swatchinput label").click(function(){
     var mycolor = jQuery(this).attr("data-option");
     var postid = jQuery(".single-product .product.type-product").attr("data-id");
            cache: false,
            timeout: 8000,
            url: php_array.admin_ajax,
            type: "POST",
            data: ({ action:'theme_post_vimage', colorimg: mycolor, postvalue: postid}),
                  beforeSend: function() {                    
            success: function(response){
                var myimageresponse = jQuery( response );
                jQuery( '.product-image a img' ).attr('src', myimageresponse);                                                      
            error: function( jqXHR, textStatus, errorThrown ){
                console.log( 'The following error occured: ' + textStatus, errorThrown );   
            complete: function( jqXHR, textStatus ){

and this is my Function in PHP/Wordpress:

add_action( 'wp_ajax_nopriv_theme_post_vimage', 'theme_post_vimage_init' );
function theme_post_vimage_init() { ?>
global $post, $product, $woocommerce;    
 $postiID = $_POST['postvalue'];
 $colorname = $_POST['colorimg'];
$product = new WC_Product_Variable( $postiID );
$variations = $product->get_available_variations();
foreach ( $variations as $variation ) {
    if($variation['attributes']['attribute_pa_color'] == $colorname) :
    $myimageurl = $variation['image']['url'];
    echo $myimageurl;
<?php }

when i click on my color this error show in my browser console:

Uncaught Error: Syntax error, unrecognized expression: http://samsonite.stuntmen.ae/wp-content/uploads/2017/05/PROD_COL_73353_1726_WHEEL-HANDLE-FULL.jpg

anyone help me with this?

Read more here: update image src using ajax and Php function

Leave a Reply

Your email address will not be published. Required fields are marked *