ajaxform 相关问题

使用AJAX请求提交的HTML表单

如何获取通过 AJAX 和 PHP 发送数据时创建的自动递增 ID?

我想让buyer_id数据通过SQL显示在另一个页面上。这就是我尝试从其他页面获取它的方法 我希望通过SQL将buyer_id数据显示在另一个页面上。这就是我尝试从其他页面获取它的方法 <?php include("bd_con.php"); $buyer-id= $_GET['buyer-id']; echo "<script>alert('$buyer_id')</script>"; $query = "SELECT name, email, city, province, identification, address, extra-details, image, title, description, id_type FROM `purchased_property` inner join property ON purchased_property.property-id = property.id WHERE buyer-id='$buyer-id'"; $linking = mysqli_query($bd_con, $query); $info = mysqli_fetch_assoc($linking); ?> 这是我通过AJAX发送数据的页面的表单 <form class="payment-form" id="payment-form" method="POST"> <div class="form"> <h2>Personal data</h2> <input type="text" placeholder="Full name" id="full_name" name="full_name"></input> <label>Date of birth</. label> <input type="date" id="date_birth" name="date_birth"> <div id="paypal-button-container"></div> </div> </form> 我尝试过$_GET但没有成功。 您似乎正在尝试使用 AJAX 将 buyer_id 从一个页面传递到另一个页面,然后在 PHP 中使用 $_GET 检索它。但是,您的代码中存在一些问题可能会导致该问题。 在您的 AJAX 请求中,确保您将 buyer_id 作为参数发送。您可以通过将其附加到 URL 或将其作为数据负载的一部分发送来完成此操作。 在检索 buyer_id 的 PHP 代码中,请确保正在清理和验证输入以防止 SQL 注入。另外,检查变量名称是否正确。 请参阅下面提到的代码,我试图解决您面临的问题: 这是用于ajax请求的 $(document).ready(function() { $("#payment-form").submit(function(event) { event.preventDefault(); // Get the buyer_id var buyer_id = // retrieve buyer_id from somewhere (e.g., AJAX response or a variable) // Other form data var full_name = $("#full_name").val(); var date_birth = $("#date_birth").val(); // Your AJAX request $.ajax({ type: "POST", url: "your_php_script.php", data: { buyer_id: buyer_id, full_name: full_name, date_birth: date_birth // Add other form fields as needed }, success: function(response) { // Handle success console.log(response); }, error: function(error) { // Handle error console.log(error); } }); }); }); 这是处理ajax请求的服务器端代码 <?php include("bd_con.php"); // Sanitize and validate input $buyer_id = isset($_POST['buyer_id']) ? mysqli_real_escape_string($bd_con, $_POST['buyer_id']) : ''; // Rest of your code $query = "SELECT name, email, city, province, identification, address, extra-details, image, title, description, id_type FROM `purchased_property` INNER JOIN property ON purchased_property.property_id = property.id WHERE buyer_id='$buyer_id'"; $linking = mysqli_query($bd_con, $query); $info = mysqli_fetch_assoc($linking); // Process $info as needed ?> 希望这对你有帮助

回答 1 投票 0

大家好,如何获得通过 AJAX 和 PHP 发送数据时创建的自动递增 ID?

我想让buyer_id数据通过SQL显示在另一个页面上。这就是我尝试从其他页面获取它的方法 我希望通过SQL将buyer_id数据显示在另一个页面上。这就是我尝试从其他页面获取它的方法 <?php include("bd_con.php"); $buyer-id= $_GET['buyer-id']; echo "<script>alert('$buyer_id')</script>"; $query = "SELECT name, email, city, province, identification, address, extra-details, image, title, description, id_type FROM `purchased_property` inner join property ON purchased_property.property-id = property.id WHERE buyer-id='$buyer-id'"; $linking = mysqli_query($bd_con, $query); $info = mysqli_fetch_assoc($linking); ?> 这是我通过AJAX发送数据的页面的表单 <form class="payment-form" id="payment-form" method="POST"> <div class="form"> <h2>Personal data</h2> <input type="text" placeholder="Full name" id="full_name" name="full_name"></input> <label>Date of birth</. label> <input type="date" id="date_birth" name="date_birth"> <div id="paypal-button-container"></div> </div> </form> 正如我向你们展示的那样,我尝试了$_GET,但没有成功。 您似乎正在尝试使用 AJAX 将 buyer_id 从一个页面传递到另一个页面,然后在 PHP 中使用 $_GET 检索它。但是,您的代码中存在一些问题可能会导致该问题。 在您的 AJAX 请求中,确保您将 buyer_id 作为参数发送。您可以通过将其附加到 URL 或将其作为数据负载的一部分发送来完成此操作。 在检索 buyer_id 的 PHP 代码中,请确保正在清理和验证输入以防止 SQL 注入。另外,检查变量名称是否正确。 请参阅下面提到的代码,我试图解决您面临的问题: 这是用于ajax请求的 $(document).ready(function() { $("#payment-form").submit(function(event) { event.preventDefault(); // Get the buyer_id var buyer_id = // retrieve buyer_id from somewhere (e.g., AJAX response or a variable) // Other form data var full_name = $("#full_name").val(); var date_birth = $("#date_birth").val(); // Your AJAX request $.ajax({ type: "POST", url: "your_php_script.php", data: { buyer_id: buyer_id, full_name: full_name, date_birth: date_birth // Add other form fields as needed }, success: function(response) { // Handle success console.log(response); }, error: function(error) { // Handle error console.log(error); } }); }); }); 这是处理ajax请求的服务器端代码 <?php include("bd_con.php"); // Sanitize and validate input $buyer_id = isset($_POST['buyer_id']) ? mysqli_real_escape_string($bd_con, $_POST['buyer_id']) : ''; // Rest of your code $query = "SELECT name, email, city, province, identification, address, extra-details, image, title, description, id_type FROM `purchased_property` INNER JOIN property ON purchased_property.property_id = property.id WHERE buyer_id='$buyer_id'"; $linking = mysqli_query($bd_con, $query); $info = mysqli_fetch_assoc($linking); // Process $info as needed ?> 希望这对你有帮助

回答 1 投票 0

触发Ajax post请求时绕过PHP生成表的加载功能

我正在尝试执行 Ajax post 请求,而无需在加载 php 生成的表中刷新页面。使用 XMLHttprequest onload() 加载 PHP 表,无需刷新页面。帖子请求是

回答 1 投票 0

AJAX 仅从循环中的最后一个表单获取数据(Django)

我有一个 for 循环,可以在页面上创建多个表单。我希望能够使用 AJAX 将这些表单提交到另一个页面而无需刷新,但是无论哪种表单我都只能提交...

回答 1 投票 0

'WSGIRequest'对象没有属性'is_ajax',将ajax添加到django项目时出错

/order 处出现属性错误 “WSGIRequest”对象没有属性“is_ajax” 将ajax添加到django项目时发生错误整个项目卡住了。 我正在创建一个 django 项目,我尝试使用 g...

回答 1 投票 0

在服务器上找到ajax URL调用的位置

这是我第一次听说ajax。现在我有一个完美的工作脚本来使用armcharts绘制数据。这个数据的来源似乎是ajax调用,它是这样的。 $.ajax("myChan...

回答 1 投票 0

Post 方法在 ASP.NET Core Razor 页面中不起作用

我正在尝试将表单提交到数据库,但是当我单击确认按钮时,出现此错误: 。 这是我的表格: 在此输入图像描述 这是我的索引类: 输入图像描述 h...

回答 1 投票 0

flatpickr 字段不显示表单验证消息?

我正在 WordPress 主题中构建自定义联系表单。我一直在尝试显示 Flatpickr 日期字段的验证错误消息,但它不起作用。我什至尝试过 form.find('...

回答 2 投票 0

上一个任务被删除时如何停止显示 div?

我在编辑页面上有一个部分,根据用户是否有要编辑的任务,它会填充一条消息或一个选择框: 我在编辑页面上有一个部分,根据用户是否有要编辑的任务来填充消息或选择框: <div class="containerwrapper"> <h3 id="crvenah3">Izmena zadatka</h3> <div class="containerwrappersub" id="containerwrappersub"> <form method="post" action="" enctype="multipart/form-data" class="container_izmena" id="formaizmena"> <div id = "levo"> </div> <div id = "desno"> <div id="skriveno" name="skriveno" class="skriveno"> </div> </div> <input type="text" value="" id="provera" name="provera" hidden="hidden"> <input type="text" value="" id="obrisi" name="obrisi" hidden="hidden"> </form> </div> </div> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://malsup.github.io/jquery.form.js"></script> <script> function popuniOpcije() { let korisnik = "<?php echo $korisnik; ?>"; $.ajax({ url: '../funkcije/popuniOpcije.php', data: { korisnik: korisnik }, success: function (data) { $("#levo").html(data); } }); } popuniOpcije(); 这是popuniOpcije.php文件: <div id="popuniovde"> </div> <div class="prikaziizmeni" id="prikaziizmeni"> <h4 id="prikaziizmenitekst">The task has been updated<h4> </div> <script> function popuniZadatke() { let korisnik = "<?php echo $korisnik; ?>"; $.ajax({ url: '../funkcije/popuniZadatke.php', data: { korisnik: korisnik }, success: function (data) { $("#popuniovde").html(data); izaberi(); } }); } popuniZadatke(); 这是popuniZadatke.php文件: $zadaci = Zadatak::vratiZadatkeZaOpcije($korisnik, $konekcija); ?> <?php if ($zadaci == null || empty($zadaci)) { ?> <h4>No tasks to be edited</h4> <?php } else { ?> <h4>Zadatak</h4> <select id="zadatak" name="zadatak" onchange="prikazi(this.value); popuniDetalje(); sakrij();"required> <option value="" disabled selected hidden><?= "Zadaci" ?> </option> <?php foreach ($zadaci as $zad) { ?> <option id="zadatakid" value="<?= $zad->zadatakID ?>"><?= $zad->naziv ?> </option> <?php } } ?> </select> 每当我从页面中删除任务时,都会显示正确的消息并调用正确的函数来刷新选择框或显示没有要编辑的任务的消息: <div id="buttonwrapperizmena"> <div class="buttoncontainerizmena"> <button type="submit" class="buttonizmena" name="button" onclick="izmeniZadatak();"><span class="puntekst">Izmeni zadatak</span><span class="krataktekst">Izmeni</span></button> </div> <div class="buttoncontainerizmena"> <button type="submit" class="button2izmena" name="button2" onclick="obrisiSliku(); obrisiZadatak();"><span class="puntekst">Obriši zadatak</span><span class="krataktekst">Obriši</span></button> </div> </div> function obrisiZadatak() { let brojac = $("#zadatakid").length; $("#formaizmena").ajaxForm({ "beforeSubmit": function() { $("#prikaziizmeni").css("display", "flex"); $("#prikaziizmenitekst").text("Zadatak je uspešno obrisan"); $("#skriveno").css("display", "none"); }, "success": function() { popuniZadatke(); if (brojac > 1) { $("#prikaziizmeni").css("display", "none"); } }}) } 如何在删除最后一个任务时隐藏prikaziizmeni div,以便只显示正确的消息而不显示任务的消息被删除。我在代码中用英文标记了消息,因为函数的名称不是,这样更容易发现 你的条件不对。当你删除除最后一个任务之外的任何东西时,你隐藏了 div。 如果您只是想将消息隐藏在成功函数中,那么在提交之前显示消息是没有意义的。提交前做brojac测试。你不应该有多个 <option id="zadatakid",因为 ID 应该是唯一的。将其更改为 <option class="zadatakid",然后使用 $(".zadatakid").length 获取任务数。 function obrisiZadatak() { let brojac = $(".zadatakid").length; $("#formaizmena").ajaxForm({ "beforeSubmit": function() { $("#prikaziizmeni").css("display", "flex"); if (brojac > 1) { $("#prikaziizmenitekst").text("Zadatak je uspešno obrisan"); $("#prikaziizmeni").show(); } else { $("#prikaziizmeni").hide(); } $("#skriveno").css("display", "none"); }, "success": function() { popuniZadatke(); } }) }

回答 1 投票 0

bootstrap 多步骤表单验证,通过 js ajax 在数据库中插入更新

我被困在多步骤表单中,登录页面上有 10 页来验证,输入文本应该在数据库中插入和更新而不提交 一旦用户在输入中填写任何值,那么该值将插入

回答 1 投票 0

使用 Ajax 时如何在 oncomplete 中调用函数

第一次在这里写。这也是我第一次接触 ajax,我有点卡住了。 我必须变量: $upload = $application->buildLink('do=upload'); $do = $application->buildLink('do=read-ex...

回答 1 投票 0

提交表单时无法触发 AJAX 方法

我有一个 PHP 表单可以在数据库中创建新记录。使用带有 POST 方法的常规表单提交可以正常工作。但是,我使用了多个 div 来使用 Next Previous 按钮收集数据

回答 0 投票 0

如何在 yii2 ActiveForm 中添加一个按钮来添加产品

你好,我是 yii2 的新手,我正在做一个记录商店销售的项目,我想添加一个按钮来添加用于多次购买的产品项目。请帮忙 这是我的 _form 代码 ['销售/创造'], 'id...

回答 1 投票 0

访问 jQuery AJAX 数组中的数据

我正在用 PHP 将数组发送到 jQuery AJAX,我想知道如何访问数组键? 我用这种方式发送 php $json_data = 数组( '消息'=> $消息, 'user_exis ...

回答 0 投票 0

如何使用 AJAX 和后端的 python-flask 接收请求

我正在学习 AJAX。我试图在没有的情况下将数据发送到服务器。我在 console.log 窗口中发现了一个错误。 POST http://127.0.0.1:5000/提交 500(内部服务器

回答 1 投票 0

从 ajax post 方法中检索数据

基本问题是这样的:我有一个登录表单,我想检查我的数据库中的用户并返回某种对页面的响应而不刷新页面。 我已将其全部设置为 ...

回答 0 投票 0

javascript ajax如何防止重复提交

问题描述: 我有一个网络应用程序,一旦我在很短的时间内多次快速单击“添加部件”按钮,就会有多个重复的记录。 这是 html: 问题描述: 我有一个网络应用程序,一旦我在很短的时间内多次快速点击“添加部件”按钮,就会出现多条重复的记录。 这是 html: <form id="addform"> <div class="loading d-none"> <button> <span role="status" aria-hidden="true"></span> Processing... </button> </div> <div class="loaded"> <button>Add Parts</button> </div> </form> 这是javascript代码: function sLoading(element) { $(element).find('div.loading').removeClass('d-none'); $(element).find('div.loaded').addClass('d-none'); $(element).find('div.error').addClass('d-none'); }; function sLoaded(element) { $(element).find('div.loading').addClass('d-none'); $(element).find('div.loaded').removeClass('d-none'); $(element).find('div.error').addClass('d-none'); }; 这里是应用ajax的地方: function addFrom(event) { event.preventDefault(); var changeNeeded = false; var form = $('#addform'); if (changeNeeded) { sLoading(form); $.ajax({ url: '/api/sheet/' + ID + '/parts', method: 'POST', contentType: 'application/json', data: JSON.stringify(payload), dataType: 'json', success: function(event) { sLoaded(form); window.location.reload(); }); } }; $('#addFrom').submit(addFrom); 我也遇到过这样的情况 解决方案是在提交表单后禁用提交按钮。所以它可以防止多个表单提交,你必须指定按钮的类型是提交 我做了一个这样的场景,你不需要任何加载或加载函数,我使用设置超时而不是你的 api function sLoading(element) { $(element).find('div.loading').removeClass('d-none'); $(element).find('div.loaded').addClass('d-none'); $(element).find('div.error').addClass('d-none'); }; function sLoaded(element) { $(element).find('div.loading').addClass('d-none'); $(element).find('div.loaded').removeClass('d-none'); $(element).find('div.error').addClass('d-none'); }; function addForm(event) { event.preventDefault(); //var changeNeeded = false; var button = $(this).find("#submit"); button.prop('disabled',true).text('processing...'); //sLoading(form); setTimeout(()=>{ button.prop('disabled',false).text('Add Parts') },1000) /* if (changeNeeded) { sLoading(form); $.ajax({ url: '/api/sheet/' + ID + '/parts', method: 'POST', contentType: 'application/json', data: JSON.stringify(payload), dataType: 'json', success: function(event) { //sLoaded(form); button.prop('disabled',false) window.location.reload(); }); } */ }; $('#addform').submit(addForm); .d-none{ display:none; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="addform"> <!--<div class="loading d-none"> <button> <span role="status" aria-hidden="true"></span> Processing... </button> </div> --> <div class="loaded"> <button id='submit' type='submit'>Add Parts</button> </div> </form>

回答 1 投票 0

jQuery ajaxForm uploadProgress防止flask render_template。

我在我的flask应用程序中创建了一个进度条,在前端,做了以下操作。$(function () { $('form').ajaxForm({ beforeSend: function () { }, ...

回答 1 投票 1

JPG(二进制数据)以AJAX响应方式下载

我有一个页面,用户可以下载一个图片,他要求的格式,请求发送到一个PHP脚本,产生的图像和...。我想为用户服务。这是JQUERY代码的来源 ...

回答 1 投票 0

尝试使用ajax表单,而不是表单动作(解决)。

我想改善我网站的用户体验。所以我尝试着把表单动作改为ajax,我也一直在尝试一些教程,但我还是卡住了。我使用的是一个php论坛程序源码...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.