Question

我有一个index.cgi，它有一个像

这样的div

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

所以这个div的内容来自addcode.js

我有另一个cgi页databasecall.cgi

那么如何定义addcode.js以便div中的下拉框将从另一个cgi页面databasecall.cgi获取其值

Answer 1

在你的addcode.js中包含以下代码。

$(document).ready(function(){

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

});

你的index.cgi应该加载了jQuery Library。它看起来应该与此类似......

<!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>

从div和javascript / jquery调用cgi脚本

1 个答案: