use perl cgi values inside javascript ajax

Question

I have a perl cgi script which accepts 2 params.

I have a jquery ajax block within to the same cgi script.

Now i need to use these param values of the cgi script inside the javascript block.

Is it possible to do so?

if (param)
{
    $insp_id = param("param1");
    $section_id = param("param2");
}


my $html = <<BLOCK;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org    /TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title> Handling Images order for Inspection: $insp_id  and Section: $section_id     </title>
<link rel="stylesheet" type="text/css" href="new_style.css">
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
        jQuery('.reorder_link').on('click',function(){
                jQuery("ul.reorder-photos-list").sortable({ tolerance: 'pointer' });
                jQuery('.reorder_link').html('save reordering');
                jQuery('.reorder_link').attr("id","save_reorder");
                jQuery('#reorder-helper').slideDown('slow');
                jQuery('.image_link').attr("href","javascript:void(0);");
                jQuery('.image_link').css("cursor","move");
                jQuery("#save_reorder").click(function( e ){
                        if( !jQuery("#save_reorder i").length )
                        {
                                jQuery(this).html('').prepend('<img src="img/refresh-animated.gif"/>');
                            //$(this).removeClass('addmsg2');
                            //$(this).html('<img src="images/refresh-animated.gif"/>');
                            jQuery("ul.reorder-photos-list").sortable('destroy');
                            jQuery("#reorder-helper").html( "Reordering Photos - This could take a moment. Please don't navigate away from this page." ).removeClass('light_box').addClass('notice notice_error');

                            var h = [];
                            jQuery("ul.reorder-photos-list li").each(function() {  h.push(jQuery(this).attr('id').substr(9));  });
                            //var counter=0;
                            //for (counter=0; counter<h.length; counter++)
                            //   document.write(h[counter] + "<br>");
                            jQuery.ajax({
                                    type: "POST",
                                    url: "DoImageReorder.cgi",
                                    data: {ids: " " + h + "", insp_id:7004423 , section_id:1 },
                                    success: function(html)
                                    {
                                            window.location.reload();
                                            /*$("#reorder-helper").html( "Reorder Completed - Image reorder have been successfully completed. Please reload the page for testing the reorder." ).removeClass('light_box').addClass('notice notice_success');
                                            jQuery('.reorder_link').html('reorder photos');
                                            jQuery('.reorder_link').attr("id","");*/
                                    }

                            });
                            return false;
                    }
                    e.preventDefault();
            });
    });

 });
</script>
</head>
BLOCK

Basically i have to replace 7004423 with insp_id in the javascript ajax block. Please advise. Thanks.

mpapec · Accepted Answer · 2014-12-18 06:24:09Z

2

On the server side you can encode all your variables into json string,

use JSON;
my $json_text = encode_json({
  insp_id    => scalar param("param1"),
  section_id => scalar param("param2"),
});

then add that string into jQuery document chain,

jQuery(document)
.data("JSON", $json_text) // all server side variables in one place
.ready(..)

and finally use variables later as,

var JSON = jQuery(document).data("JSON");
console.log(JSON.insp_id);

edited Dec 18, 2014 at 6:24

answered Dec 17, 2014 at 19:19

mpapec

50.7k8 gold badges71 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ashley Over a year ago

This is buggy: param will return a list when one is available which can throw an error as an odd element hash. Either my $whatever = param("asdf") then insp_id => $whatever or scalar(param("asdf")) will prevent it.

stark · Accepted Answer · 2014-12-17 19:03:09Z

0

In your cgi do:

$find="7004423";
$html =~ s/$find/$insp_id/g;

This will replace all occurrences of 7004423 with the value of $insp_id.

answered Dec 17, 2014 at 19:03

stark

13.3k3 gold badges39 silver badges56 bronze badges

Collectives™ on Stack Overflow

use perl cgi values inside javascript ajax

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related