ajax 相关问题

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

知道如何在 Web 应用程序仍在运行时将部分输出数据显示到网页上，而不是在代码运行结束时显示全部数据吗？

我使用 Flask 创建了一个 Web 应用程序。该应用程序将接收用户的输入数据，然后迭代一堆 XML 文件并将所需的数据输出到屏幕上。我的问题是，如果...

python python-3.x ajax flask

回答 1 投票 0

Ajax post 仅触发一次

大家好，我遇到了 ajax 函数的问题。我正在尝试发布到我拥有的数据库，然后刷新显示数据库信息的表。该过程有效一次，它会发布到

javascript php html jquery ajax

回答 1 投票 0

如何使用ajax上传文件到asp.net mvc控制器操作

我有这个提交代码， $('#form').on('提交',function (e) { e.preventDefault(); //var 文件 = $("#productImg"); var fileUpload = $("#productImg").get(0); var 文件 = 文件上传....

c# jquery ajax asp.net-mvc-3

回答 3 投票 0

我在表格中显示 Ajax 数据时遇到问题

此代码似乎可以工作，因为可以在视图中看到列的宽度，但随后无法显示数据。 $(文档).ready(函数() { 加载数据表(); }); 函数加载数据表（）{ ...

ajax asp.net-core model-view-controller

回答 1 投票 0

如何在 jQuery 中使用 JSON 数据作为 ajax 响应填充下拉列表

在我的应用程序中，我有一个下拉列表。我想使用 Ajax 响应中的 JSON 数据填充此下拉列表。下面是我所拥有的代码：服务器发送的JSON数据： { ”

javascript jquery ajax

回答 8 投票 0

问题：如何在 Web 应用程序仍在运行时将部分输出数据显示到网页上，而不是在代码运行结束时显示全部数据？

我使用 Flask 创建了一个 Web 应用程序。该应用程序将从我这里获取输入数据，然后迭代一堆 XML 文件并将所需的数据输出到屏幕上。什么...

python ajax flask

回答 1 投票 0

jquery $.ajax：将附加参数传递给“成功”回调

我正在使用 $.ajax 将数据发布到服务器。不过，我想向“成功”回调传递一个附加参数，以告诉回调函数响应所针对的 HTML 元素的 id。 ...

jquery ajax

回答 3 投票 0

如何在ci3 php中的try和catch之间获取调试变量

if ($this->输入->is_ajax_request()) { 尝试 { $this->form_validation->set_rules('userid', 'ID', 'required|xss_clean'); $this->form_validati...

php mysql ajax codeigniter try-catch

回答 1 投票 0

如何在 Web 应用程序仍在运行时将部分输出数据显示到网页上，而不是在代码运行结束时显示全部数据？

我使用 Flask 创建了一个 Web 应用程序。该应用程序将从我那里获取输入数据，然后它将迭代一堆 xml 文件并将所需的数据输出到屏幕上。什么...

javascript python ajax flask

回答 1 投票 0

自定义输入字段，用于更新 WooCommerce 管理产品列表中的库存数量

在 WooCommerce 管理产品列表中，我添加了一个带有简单按钮的输入框，对于每个产品，应该更新库存数量。例如，如果我输入“5”，然后单击“参考...”

php jquery ajax wordpress woocommerce

回答 1 投票 0

我无法发出 GET 请求

我有一张桌子，下面有一个按钮。该按钮将打开一个表格以填写数据。我是这样做的：我有一张桌子，下面有一个按钮。该按钮将打开一个表格以填写数据。我是这样做的：  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Mine_contract</title> <link href="new.css" rel="stylesheet"/> <script src="script.js" defer></script> </head> <body> <table id="mine_info"> <tr> <th>№</th> <th>Number</th> <th>Name</th> <th>Address</th> <th>Full name of the director</th> <th>Phone number</th> </tr> <tr> <td><p>1</p></td> <td><p>1</p></td> <td><p>Example name</p></td> <td><p>Example address</p></td> <td><p>Full name director</p></td> <td><p>+00000000000</p></td> </tr> </table> <div class="popup"> <div class="popup__container"> <div class="popup__wrapper"> <div id="wrapper"> <form action="(I don't understand if there should be something here)" method="POST" class="form"> <button class="exit" class="exit" id="closeButton" onclick="delRow()">х</button> <div class="string"> <label for="id">№:</label> <input type="number" id="id" name="id" required> </div> <div class="string"> <label for="N_m">Number:</label> <input type="text" id="N_m" name="n_m" required> </div> <div class="string"> <label for="name">Name:</label> <input type="text" id="name" name="name_m" required> </div> <div class="string"> <label for="Adr">Address:</label> <input type="text" id="Adr" name="Adr_m" > </div> <div class="string"> <label for="Full_name">Full name of the director:</label> <input type="text" id="Full_name" name="director" required> </div> <div class="string"> <label for="Phone">Phone number:</label> <input type="tel" id="Phone" name="Phone_number" placeholder="Например +00000000000" required> </div> <button type="submit" name = "submit" id="contact">Send to DB</button> </form> </div> </div> </div> </div> <button id="button" class="button" onclick="addRow()">Open the form</button> </body> </html> 我还编写了一个脚本，用于在单击“发送到数据库”按钮时打开和关闭 POST 请求心轴表单。 //script.js const button = document.querySelector('#button'); const closeButton = document.querySelector('#closeButton'); const form = document.querySelector('.form'); const popup = document.querySelector('.popup'); button.addEventListener('click', () => { form.classList.add('open'); popup.classList.add('popup_open'); }); closeButton.addEventListener('click', () => { form.classList.remove('open'); popup.classList.remove('popup_open'); }); form.addEventListener('submit', async(e) => { e.preventDefault(); const data = Object.fromEntries(new FormData(form).entries()); try { const response = await fetch('http://my_data:3000/mine_info/', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify(data), }); /*const request = await fetch('http://my_data:3000/mine_info/', { method: 'GET', headers: { 'Content-Type': 'application/json', }, request: request.json(), })Attempt to make a GET request*/ } catch (error) { // show some error message in the DOM console.log('err: ', error); } form.classList.remove('open'); popup.classList.remove('popup_open'); }); 我也有一个后端，我是这样做的： const Pool = require('pg').Pool const pool = new Pool({ user: '', host: '', database: '', password: '', port: 5432, }) const getMineinfo = (request, response) => { pool.query('SELECT * FROM mine_info', (error, results) => { if (error) { throw error } response.status(200).json(results.rows) }) } const createRow = (request, response) => { const { n_mine, name_mine, adress, full_name_of_direcor, phone_number } = request.body pool.query('INSERT INTO mine_info (n_mine, name_mine, adress, full_name_of_direcor, phone_number) VALUES ($1, $2, $3, $4, $5) RETURNING *', [n_mine, name_mine, adress, full_name_of_direcor, phone_number], (error, results) => { if (error) { throw error } response.status(201).send(`User added with ID: ${results.rows[0].id}`) }) } module.exports = { getMineinfo, createRow, }//Variables from another file //another file in which, there are these variables const express = require('express') const bodyParser = require('body-parser') const db = require('./queries') const cors = require('cors') const app = express() const port = 3000 app.use(bodyParser.json()) app.use( bodyParser.urlencoded({ extended: true, }) ) app.get('/', (request, response) => { response.json({ info: 'Node.js, Express, and Postgres API' }) }) app.use(cors()) app.get('/mine_info', db.getMineinfo) app.post('/mine_info', db.createRow) app.listen(port, () => { console.log(`App running on port ${port}.` )})//it works I get the data in the form of JSON by reference http://my-data:3000/mine_info/ 为什么我需要 GET 请求才能获取链接上“重要”的数据。但我不明白如何在 POST 旁边放置 GET 请求（例如，在我的例子中，页面加载后立即运行请求不是更正确吗？）。也许我发出 GET 请求的尝试是正确的，但我不明白我需要在那里输入一个循环来呈现表的新行？我弄清楚了如何发出 POST 请求。它可以工作（将信息写入数据库）。但我不知道如何处理 GET 请求（请帮我弄清楚，这是我在前端和后端都尝试的第一个项目。感谢您阅读这么长的问题。 Why do I need a GET request：因为您希望在加载页面时显示表格中的行，对吗？删除表单的 action 属性，这会将请求发送到同一页面（html5）。您可以在页面加载时执行 GET 调用来呈现行列表，例如： document.addEventListener("DOMContentLoaded", function() { // GET Request // Load rows in the table element }); 现在应该如何工作，在用户提交表单后，页面应该执行 POST 和重新加载，并且将再次调用 GET 请求，以便表加载预期的数据。

javascript html ajax

回答 1 投票 0

我的视图显示原始数据，而不是显示数据表中的数据

我一直在尝试了解ajax和Datatables在Django中的工作原理。但是，正如标题所示，我的数据列表是原始显示在我的视图中的。截屏：我将把我的代码放在这里，以便您可以...

python django ajax datatables

回答 1 投票 0

更新库存按钮不会更新任何产品的库存

我想创建一个简单的按钮和一个输入框，当在框中输入数量时，该输入框会更新特定产品的库存。例如，如果我输入“5”，然后单击“

php jquery ajax wordpress woocommerce

回答 1 投票 0

使用 PHP DOMPDF 和 AJAX 下载 PDF 文件

我有一个名为 print.php 的 PHP 文件：加载_...