gpt4 book ai didi

javascript - 单击加载 PHP 文件

转载 作者:行者123 更新时间:2023-11-28 04:22:59 26 4
gpt4 key购买 nike

我无法解决的当前任务是在单击按钮时将 PHP 文件加载到 JavaScript 文件中。我不希望 PHP 或结果显示在页面上。我只想访问 PHP 文件生成的结果字符串。

我知道 JS 是客户端,PHP 是服务器端,但是在开始时加载我需要的所有 PHP 文件会导致崩溃。

下面的片段显示了我现在的情况。不幸的是,这并不能很好地工作,而且到目前为止当然也没有直接涉及的按钮。 (参见:MIME type error when loading data)

db2js.php(从数据库中提取数据并将其转换为类似 JSON 的字符串)

<?php    
CONNECTING TO DATABASE
QUERY
$result=RESULT OF QUERY LOOKING LIKE JSON
echo 'db_output='.$result;
?>

index.html(需要数据的文件)

<html>
<head>
<script language="JavaScript" src="db2js.php"></script>
</head>
<body>
<script language="JavaScript">
var JSON_db_output = JSON.parse(db_output);
document.write(dbausgabe);
</script>
</body>
</html>

最佳答案

根据您的要求AJAX是最好的解决方案。您可以通过以下代码片段获得想法:

    <!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$( document ).ready(function() {


$( "#b1" ).on( "click", function() {

console.log('button click');
disen(this);

$.ajax({
url: "your_php_page.php",
method: "POST",
data: { key1 : "your_value1", key2 : "your_value2" },
dataType: "html",
success: function(data) {
$('#info').html(data);
},
error: function(jqXHR, textStatus, errorThrown) {
$('#info').html(textStatus + ", " + errorThrown);
},
complete: function() {
disen("#b1");
},
});
});
});
</script>
</head>
<body>
<span id="info"></span><br>

<input type="button" id="b1" value="test">

</body>
</html>

希望此代码片段可以帮助您解决问题。如果需要更多相关信息,请告诉我。

关于javascript - 单击加载 PHP 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45299698/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com