gpt4 book ai didi

javascript - 向php请求信息

转载 作者:行者123 更新时间:2023-11-30 11:18:48 25 4
gpt4 key购买 nike

我正在尝试请求有关 php 文件的信息并在 <div id="1"... 上插入 html 代码但它不显示错误,也不向 div 插入任何内容。 AJAX 代码有问题,还是 html 有问题?

PD:php 正确地从 json 文件中提取信息。

PHP

<?php
$jsonContents = file_get_contents('../data/data.json');
$data = json_decode($jsonContents, true);

foreach ($data as $key => $value) {
echo($value['url']);
};

html

<!Doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>SSL Checker</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom box-shadow">
<h5 class="my-0 mr-md-auto font-weight-normal">SSL Checker</h5>
</div>

<div class="pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">
<h1 class="display-4">SSL Checker</h1>
<p class="lead">SSL Checker</p>
</div>

<div class="container">
<div class="row">
</div>
<footer class="pt-4 my-md-5 pt-md-5 border-top">
<div class="row">
<div id="1" class="col-12 col-md">
<form method="GET" onsubmit="start()">
<button type="submit" class="btn btn-lg btn-block btn-primary">Contact us</button>
</form>
</div>
</div>
</footer>
</body>
</html>

JS

function start() {
$.ajax({
type: 'GET',
url: '/api/domain/showall.php',
success: function (response) {
document.getElementById("1").innerHTML = '<input type="text" value="<?php foreach ($data as $key => $value) {echo($value['url']);?>'
}
});
}

最佳答案

你有两个基本问题。

  1. submit事件在 form 上触发而不是 button所以你永远不会调用你的 start功能
  2. 如果您调用您的 start函数,那么您没有做任何事情来停止提交表单……所以 Ajax 请求将在浏览器加载新页面时被取消。

使用 JavaScript 绑定(bind)您的事件处理程序,将其绑定(bind)到正确的元素,并阻止默认操作。

$("form").on("submit", start);

function start(event) {
event.preventDefault();
$.ajax(etc etc etc);
}

可能(有点不清楚)尝试将 PHP 源代码嵌入到您分配给 innerHTML 的字符串中时会遇到其他问题.请记住:

  • PHP 无法在 .js 中运行默认文件
  • 如果你在 <script> 中有它元素,然后它将在页面发送到浏览器之前运行
  • 在 PHP 中连接字符串可能会生成无效的 JS

发出 Ajax 请求然后完全忽略 response 中的数据也很奇怪.

关于javascript - 向php请求信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50585343/

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