calling cgi script from div and javascript/jquery

Question

I have a index.cgi which has a div like

<div id="AddCodeTab">
    <div id="CodeContainer" style="width: 100%;"></div>
</div>

So this div gets its content from addcode.js

I have another cgi page databasecall.cgi

So how do I define the addcode.js so that dropdown box in the div will get its value from another cgi page databasecall.cgi

Host Lawn · Accepted Answer · 2016-10-19 14:05:01Z

2

In your addcode.js include the following code.

$(document).ready(function(){

    $.ajax({url: "databasecall.cgi", success: function(result){
        $("#ajaxElement").html(result);    
    }});

});

And your index.cgi should have jQuery Library loaded. It should look something similar to this...

<!doctype html>
<html>
<head>
</head>
<body>
<h1>Loading a CGI file via jQuery/AJAX</h1>
<!-- more content -->
<header id="pageHeader"><h2>This section is populated using jQuery/AJAX</h2>
<div id="ajaxElement"></div>
</header>
<!--more content -->    
<!-- absolute or relative path to your jQuery Library.  You can also use CDN from jQuery.org.  I use npm to install mine.   -->
<script src="/node_modules/jquery/dist/jquery.min.js"></script>
<!-- make sure your path to jQuery libray is correct -->
<script src="addcode.js"></script>
</body>
</html>

edited Oct 19, 2016 at 14:05

answered Oct 19, 2016 at 13:44

Host Lawn

1491 silver badge6 bronze badges

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

1 Comment

Stéphane GRILLON Over a year ago

I have tis error: cam.html:1 Failed to load xxxxxxxx/anony/mjpg.cgi: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

Collectives™ on Stack Overflow

calling cgi script from div and javascript/jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related