ajax 相关问题

AJAX（异步JavaScript和XML）是一种通过客户端和服务器之间的异步数据交换来创建无缝交互式网站的技术。 AJAX有助于与服务器进行通信或部分页面更新，而无需传统的页面刷新。

`我有一个表格，其中列出了许多恒星（恒星物体），上面有一个控件和两个我需要关于在 ch 上填充来自数据库的两个输入的建议... `我有一个表格，其中列出了一些恒星（恒星物体），上面有一个 <select> 控件和两个 <inputs> 我需要有关在更改“我正在使用 PHP”时从数据库填充两个输入的建议CSS HTML 并想知道我是否应该走 JS 或 Ajax 路线。这是目前为止的基本表单页面。 <?php require( '../db_connect.php' ); include( '../inc/tvms_inc.php' ); session_start(); $starsq = "SELECT * FROM ast_stars WHERE constellation=5"; $starsr = mysqli_query( $conn, $starsq ); ?> <!doctype html> <html data-bs-theme="dark" lang="en"> <head> <meta charset="utf-8"> <title>Untitled Document</title> <style> .center-screen { position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; width: 300px; height: 150px; border: 3px solid #c0c0c0; text-align: center; border-radius: 15px; padding: 5px; } </style> <link href="../css/bootstrap.css" rel="stylesheet" type="text/css"> </head> <body> <div class="center-screen"> <h4>Star Selector</h4> <form action="process_add.php" method="post"> <select name="starnumber">STAR No : <?php while($star=mysqli_fetch_assoc($starsr)) { ?> <option value="<?php echo $star['omag']; ?>"><?php echo $star['omag']; ?></option> <?php } ?> </select> <br> <input name="xcoord" placeholder="X Coord"></input><br> <input name="ycoord" placeholder="Y Coord"></input> </form> </div> </body> </html> 我该如何实现这一目标？我需要对更改 <select> 进行 mysqli 查询并从结果中填充输入。您可以通过调用js函数onchange=myfunction()来更新表单字段并将其添加到更新表单字段。

javascript php html ajax mysqli

回答 0 投票 0

页面间导航时防止闪烁的方法

我必须说，过去三个小时的搜索让我筋疲力尽。我知道这个问题之前已经被调查过，并且我尝试了多种解决方案但无济于事。我有一个带有

asp.net ajax master-pages flicker

回答 2 投票 0

如何在后台运行href来更新数据库php

我希望这个使用ajax jquery在后台onclick中运行href。我尝试这样做，但我不太了解jquery。我希望这个<a href>使用ajax jquery在后台onclick中运行href。我尝试这样做，但我不太了解jquery。 <a href="https://www.jamarkoho.com/liked/$profile->profile_id " class="btn btn-outline-dark btn-sm"><i class="far fa-thumbs-up me-1"></i>Like</a> 这是需要它的代码，请告诉我该函数应该放在哪里以及在ajax jquery中发送此href的jquery代码。这是您要求的示例代码。有两个具有不同 href 属性的 link 元素。单击时，将向指定为 href 的任何内容触发 ajax 请求，成功后，跨度将用字符串填充并显示 3 秒。 <a onclick='return eachlike(this)' href="https://www.jamarkoho.com/liked/1" class="btn btn-outline-dark btn-sm"> <i class="far fa-thumbs-up me-1"></i> Like <span class="here"></span> </a> <a onclick='return eachlike(this)' href="https://www.jamarkoho.com/liked/2" class="btn btn-outline-dark btn-sm"> <i class="far fa-thumbs-up me-1"></i> Like <span class="here"></span> </a> <script> function eachlike(thislike) { $.ajax({ type: 'GET', url: $(thislike).attr('href'), success: function(response) { $(thislike).find('.here').html('Done!').show().delay(3000).fadeOut(); } }); return false; } </script>

jquery ajax

回答 1 投票 0

JSON.parse：JSON 数据第 1 行第 50 列的 JSON 数据后出现意外的非空白字符

当我使用.... var jsonData = JSON.parse(xhttp.responseText); 我收到错误 =>“JSON.parse：JSON 数据第 1 行第 50 列的 JSON 数据后出现意外的非空白字符” 这是我...

php json ajax

回答 7 投票 0

使用 x-api-key 标头向 AWS API Gateway 发出 CORS 请求

尝试使用 AWS 上非常简单的基于 REST 的 APIGateway 设置来获取 CORS 请求。我定义了一个基本的“hello world”lambda 函数，并在 / 资源上附加了一个 GET 方法...

ajax amazon-web-services cors api-gateway

回答 1 投票 0

在 Bootstrap Modal 中使用 django 脆皮表单的 AJAX 反馈表单

这个问题有很多移动部分，但如果您对其中的任何部分有任何见解，我们将不胜感激。我想建立一个符合人们期望的反馈表。当

ajax django twitter-bootstrap modal-dialog django-crispy-forms

回答 3 投票 0

注册系统问题

我有一个 PHP 注册系统。当我注册时，所有注册字段都应具有绿色边框，然后用户应重定向到index.php。然而，发生的事情是电子邮件文本......

php html css ajax

回答 1 投票 0

我正在尝试在 Laravel 中发出 AJAX 请求，但它给了我错误“422（无法处理的内容）”

我试图在这里使用AJAX请求进行CRUD。我可以显示数据库中的数据。但是当我尝试向其中添加数据时，它给了我错误 “此方法不支持 POST 方法...

php ajax laravel routes crud

回答 1 投票 0

自动刷新Justgage中的值机器学习数据仪表板

机器学习数据仪表板 <!doctype html> <html> <head> <title>Machine Learning Data Dashboard</title> <link rel="stylesheet" href='../static/style.css'/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style> body { text-align: center; } #g1, #g2, #g3, #g4 { width: 350px; height: 260px; display: inline-block; margin: 4em; } </style> </head> <body> <h1>Machine Learning Data Dashboard</h1> <div id="g1"></div> <div id="g2"></div> <div id="g3"></div> <div id="g4"></div> <hr> <h3> Last Sensors Reading: {{ time }} ==> <a href="/"class="button">REFRESH</a></h3> <hr> <h3> HISTORICAL DATA </h3> <p> Enter number of samples to retrieve: <form method="POST"> <input name="numSamples" value= {{numSamples}}> <input type="submit"> </form></p> <hr> <img src="/plot/temp" alt="Image Placeholder" width="22%"> <img src="/plot/hum" alt="Image Placeholder" width="22%"> <img src="/plot/nois" alt="Image Placeholder" width="22%"> <img src="/plot/pres" alt="Image Placeholder" width="22%"> <p> @2018 Developed by MJRoBot.org</p> <script src="../static/raphael-2.1.4.min.js"></script> <script src="../static/justgage.js"></script> <script> var g1, g2, g3, g4; document.addEventListener("DOMContentLoaded", function(event) { g1 = new JustGage({ id: "g1", value: {{temp}}, valueFontColor: "yellow", titleFontColor: "yellow", pointer: true, min: -10, max: 50, pointer: true, pointerOptions: { stroke_width: -1, stroke_linecap: 'round' }, title: "Temperature", label: "°C" }); g2 = new JustGage({ id: "g2", value: {{hum}}, valueFontColor: "yellow", titleFontColor: "yellow", donut: true, pointer: true, gaugeWidthScale: 0.4, min: 0, max: 100, title: "Humidity", label: "%" }); g3 = new JustGage({ id: "g3", value: {{nois}}, valueFontColor: "yellow", titleFontColor: "yellow", donut: true, pointer: true, gaugeWidthScale: 0.4, min: 0, max: 100, title: "Noise", label: "dB" }); g4 = new JustGage({ id: "g4", value: {{pres}}, valueFontColor: "yellow", titleFontColor: "yellow", min: 0, max: 100, pointer: true, pointerOptions: { toplength: 8, bottomlength: -20, bottomwidth: 6, stroke_width: 3, stroke_linecap: 'round' }, gaugeWidthScale: 0.1, title: "Pressure", label: "Pa" }); setInterval(function() { g1.refresh(); g2.refresh; g3.refresh; g4.refresh; }, 2500); }); </script> </body> </html> 我正在尝试让项目中的量具值自动更新，而不是通过当前单击“刷新”按钮来更新。有一个 Justgage 示例显示自动刷新，如下代码： setInterval(function() { g1.refresh(getRandomInt(50, 100)); g2.refresh(getRandomInt(50, 100)); g3.refresh(getRandomInt(0, 50)); g4.refresh(getRandomInt(0, 50)); }, 2500); 这里使用随机数，但我的4个变量是通过数据库的数据更新的，所以我不需要随机部分。任何人都可以建议我应该如何编写这部分代码来自动刷新量具？设置间隔？设置超时？还是需要Ajax？我的Javascript很差，谢谢。刷新仪表的最佳方法是使用 FCM (firebase)。 https://firebase.google.com/docs/cloud-messaging?hl=pt-br 在每次更改中，您都不会向 Firebase 发送通知，当返回响应 Firebase 时，您会调用该函数。如果您使用 PHP，您可以使用curl 发送通知。喜欢： public function sendNotification($title, $body, $token) { $url = 'https://fcm.googleapis.com/fcm/send'; $headers = [ 'Authorization: key=GET_THE_AUTORIZATION_AND_PUT_HERE', 'Content-type: application/json' ]; $notification = [ 'title' => $title, 'body' => $body ]; $request = [ 'notification' => $notification, "registration_ids" => array($token) ]; $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_POST, true); curl_setopt($ch, CURLOPT_HTTPHEADER, $headers); curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($request)); $res = curl_exec($ch); return $res; curl_close($ch); } 在 Firebase 中注册后，您将获取信息并输入代码 js。应该是这样的： // Your web app's Firebase configuration // For Firebase JS SDK v7.20.0 and later, measurementId is optional var firebaseConfig = { apiKey: "this information is filled by firebase", authDomain: "this information is filled by firebase", projectId: "this information is filled by firebase", storageBucket: "this information is filled by firebase", messagingSenderId: "this information is filled by firebase", appId: "this information is filled by firebase", measurementId: "this information is filled by firebase" }; // Initialize Firebase firebase.initializeApp(firebaseConfig); let token; const fcm = firebase.messaging(); fcm.getToken({ vapidkey: 'IN HERE YOU PUT KEY PAIR' // yout get in settings > cloudmessaging - in the firebase }).then((currentToken) => { if (currentToken) { token = currentToken; console.log(currentToken); } else { // Show permission request UI console.log('No registration token available. Request permission to generate one.'); } }).catch((err) => { console.log('An error occurred while retrieving token. ', err); }); fcm.onMessage((data) => { // in here you call g1.refresh(getRandomInt(50, 100)); g2.refresh(getRandomInt(50, 100)); g3.refresh(getRandomInt(0, 50)); g4.refresh(getRandomInt(0, 50)); } para poder cambiar el valor lo tenes en var g4 = 新 JustGage({ id: 'g4', /* en el plc 变量名称 / value: 70, / aca se coloca la variable del plc, en un s7 /// value: ':="nombre_de_la_variable":', /////*/

javascript html ajax setinterval justgage

回答 2 投票 0

在ajax中使用JS调用php函数发送邮件

我正在为functions.php内的wordpress反馈页面制作自定义反馈表单，反馈结果将发送到我的电子邮件。我添加了“Protected by reCAPTCHA”，这是 Google 的 reCA...

javascript php html ajax

回答 1 投票 0

当组件触发 Ajax 请求时跳过该组件的验证

我有一个 p:autoComplete 组件，我想在其中显示基于所选项目的链接。为此，我在 p:autoComplete 的值发生更改时更新组件。其中一部分是有一个 p:ajax

ajax jsf primefaces

回答 1 投票 0

不允许的方法轨道

我正在对控制器进行ajax post调用。我的 Ajax 调用是： $.ajax({ 类型：'POST'， url:'/chefUI/configure/save_roles', 数据：{ app_name：应用程序名称，role_list：role_list}，...}）；我的路线...