ajax 相关问题

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

使用 Angular HTTP PUT 方法将文件/图像上传到 S3 服务器

我正在开发一个 Angular 应用程序,我需要使用 http.put 方法将文件或图像上传到 S3 服务器。我编写了以下代码,但我遇到了 upl 问题...

回答 1 投票 0

在服务器端接收AJAX表单数据

服务器端如何接收Fetch API发送的AJAX Form数据? 我有下面的 Fetch API。 const sent_urls = () => { const formData = new FormData(); formData.append('action', 'start_parsi...

回答 1 投票 0

$.ajax 仍然不执行

这是我的完整代码: 这是我的完整代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)"> <meta name="dcterms.created" content="Tue, 03 Feb 2015 08:06:46 GMT"> <meta name="description" content=""> <meta name="keywords" content=""> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script type="text/javascript"> function validateLogIn() { var username = $("#username").val(); var password = $("#password").val(); var login = $("#login").val(); //var remember = $("#remember").val(); $.ajax({ url: 'validate.php', //i never get to this file! type: 'POST', data: { 'username' : username , 'password' : password, 'login' : login} }).done(function(response){ //Attach a succes handler alert(response); //this doesn execute }); return false; } </script> </head> <body> <form action="crud.html" method="post" name="form_submit" onsubmit="return validateLogIn()"> <input required placeholder="Username" type="text" name="username" id="username"/> <input required placeholder="Password" type="password" name="password" id="password"/> <label for="remember">Remember Me:</label> <input type="checkbox" name="remember" value="yes" id="remember" /> <br /> <br /> <input type="submit" name="login" value="login" id="login"/> </form> </body> </html> 然后验证.php <?php //i never get here i dont understand echo htmlspecialchars($_POST['username'], ENT_QUOTES, 'UTF-8'); echo $username = $_POST['username']; echo$password = $_POST['password']; if ($_POST['login']) //check if the submit button is pressed { $remember = $_POST['remember']; ....../ 当我这样做时我得到了这个//localhost/php/validate.php: 我已经检查过你的代码完美运行。那怎么了? 如果您直接访问 validate.php,则不会向其发送任何数据,因此 $_POST[] 不包含任何内容。您应该访问您的表单页面,在表单中输入一些内容并单击“登录”,您应该会收到一条警报,其中包含来自 validate.php 的响应。 通过AJAX,您在后台发送请求,如果您向 validate.php 发送一些数据,它将起作用,否则将不起作用。我建议您进行各种错误检查/处理。 对于您的“数据”属性,我认为您应该删除引号。 为了真正调试并找出答案,你应该像这样调试。添加这些其他属性将帮助您确定遇到的问题/错误。 $.ajax({ url: 'validate.php', //i never get to this file! type: 'POST', dataType: 'xml', //YOu're missing this value!!! data: { username : username , password : password, login : login}, beforeSend: function() { //This will execute regardless what happends before the AJAX is sent. }, success: function(xml) { //Will execute if no errors are present while sending AJAX }, error: function(xml) { //If any error happens while sending AJAX, this will be called. }, complete: function(xHR, textStatus) { //This will execute regardless what happens. }, }); “beforeSend”属性将在任何内容发送到服务器进行验证之前执行。 “成功”仅在返回的数据类型中没有错误或任何与此相关的错误时才会执行。 仅当返回的数据不是 dataType 期望的数据时才会执行“Error”。 “完整”无论发生什么都会执行。

回答 2 投票 0

如何使用 RTL 来 JEST 测试带有使用 ajax 和状态的内部钩子的组件?

问题是我们的 jest 在 jsdom 中运行并且已经很老了,但最终每当我编写如下所示的函数时,当我尝试在组件中使用它时,jest 无法处理它。加载状态...

回答 1 投票 0

Safari 上与 window.open() 相关的问题

我知道 Safari 会在 ajax 调用期间尝试通过 window.open() 阻止打开新选项卡。 我们需要在ajax调用之前调用window.open()来打开一个新选项卡,这样程序就可以防止

回答 2 投票 0

HTMX 可排序仅工作一次,渲染使其禁用

我指的是 YouTube 上关于使用 Django 进行排序菜单的 BugBytes 频道。 (Django 和 HTMX #6(第 1 部分)- 构建可排序的拖放界面 ) https://www.youtube.com/watch?v=V-f_yYKUJ...

回答 2 投票 0

尝试显示自动完成结果 - ASP.NET Core MVC

我有一个我调用的 API,它调用将数据返回到 Ajax 调用的方法。都好。我在文本框中看到的只是一堆对象。这是我的全部代码。我知道我已经很接近了......

回答 1 投票 0

将增量放入选择器时,不会显示 AJAX/PHP 依赖于列输出的下拉列表

我有一个由用户输入的行数生成的动态表。对于每一行,第一列有一个下拉列表,而第二列下拉列表值取决于第一列所选值。例如;...

回答 1 投票 0

从数据库显示 Blob 图像

我简直要疯了。我无法弄清楚下面的代码中的错误在哪里,其目的是从数据库中检索图像并将其显示在 id 为“img1”的框架中。我已经尝试过每...

回答 1 投票 0

Ajax/PHP:更新数据库

我正在使用 Ajax 和 PHP 将从输入中获取的值插入 phpmyadmin 中的表中。我正在与阵营合作,但我在获取输入值时遇到问题。 这是我的 HTML: 我使用 Ajax 和 PHP 将从输入中获取的值插入到 phpmyadmin 的表中。我正在与阵营合作,但我在获取输入值时遇到问题。 这是我的 HTML: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>inscription client</title> <script > function test() { r=document.getElementById('1'); if (r.value.length !==9) document.getElementById('demo').innerHTML="verifer le mot de passe"; else document.getElementById('demo').innerHTML=""; } ////////////////////////////////////////// function ajouter() { var cin=document.getElementById("cin").value; var nom=document.getElementById("nom").value; var mot_de_passe=document.getElementById("mot_de_passe").value; var xmlhttp = new XMLHttpRequest(); var url = "http://localhost/amir/inscrireClient.php?cin="+cin+"&nom="+nom+"&mot_de_passe="+mot_de_passe; xmlhttp.onreadystatechange=function() { if (this.readyState == 4 && this.status == 200) { if(this.responseText =="ok") { document.getElementById("2").innerHTML ="it woeks !"; document.getElementById("2").style.backgroundColor="green"; } else{ document.getElementById("2").innerHTML="no"; document.getElementById("2").style.backgroundColor="red"; } }; xmlhttp.open("GET", url, true); xmlhttp.send(); } </script> </head> <body> <input id ="cin" type="number" name="cin" value="123654789" onblur="test()" required > <p style="color: red" id="demo"></p> <input type="text" id="nom" name="nom" value="aaa" placeholder="donner votre nom" > <br> <br> <input type="password" id="mot_de_passe" name="mot_de_passe" value="aaa" placeholder="donner votre mot de passe" required=> <br> <br> <button type="submit" onclick="ajouter()">s'inscrire </button> <p id="2" ></p> </body> </html> 这是 PHP 文件: <?php include 'param.php'; header("Access-Control-Allow-Origin: *"); $cin=$_GET['cin']; $nom=$_GET['nom']; $mot_de_passe=$_GET['mot_de_passe']; try { $bdd = new PDO('mysql:host='.$server.';dbname='.$database.';charset=utf8', $user, $passwd); $bdd->exec("SET CHARACTER SET utf8"); } catch(Exception $e) { die('Erreur : '.$e->getMessage()); } $reponse = $bdd->exec( "insert into client(cin,nom,mot_de_passe) values ($cin,'$nom','$mot_de_passe')" ); if ($reponse->rowCount()>0) echo "ok"; else echo "non"; ?> 数据库中没有改变: 修复你的sql语句: $reponse = $bdd->exec( "insert into client(cin,nom,mot_de_passe) values ($cin,'$nom','$mot_de_passe)'" ); '$mot_de_passe)' 部分。您应该在关闭括号之前添加单引号。假设 $cin 是数字。 /* 你应该把你的html body放在后面,getElementById方法返回null,因为html DOM还没有加载。在检查 PHP 代码之前检查前端。 */ // $reponse = $bdd->exec( "insert into client(cin,nom,mot_de_passe) values ($cin,'$nom','$mot_de_passe')" ); $sql = "insert into client(cin, nom, mot_de_passe) values (?,?,?)"; $stmt = $bdd->prepare($sql); $stmt->bindParam(1, $cin); $stmt->bindParam(2, $nom); $stmt->bindParam(3, $mot_de_passe); $stmt->execute();

回答 2 投票 0

Chrome DevTools 版本 123.0.6312.59 中的 AJAX 请求预览存在问题

在最近更新 Google Chrome 版本 123.0.6312.59(官方版本)(64 位)后,我在开发人员工具 (DevTools) 中显示 AJAX 响应时遇到了问题。乙...

回答 1 投票 0

Laravel Ajax 根据所选选项显示列表

我正在使用 Laravel。我选择了下拉菜单,并通过选择特定选项,我正在过滤内容列表并使用 Laravel $request 刷新页面,但我正在努力过滤列表......

回答 1 投票 0

从ajax响应中提取xml属性时遇到问题

我正在使用 SharePoint on Premises 2019,并且我有一个对 SharePoint 列表的 ajax 请求。该列表有一个名为attachments 的预先存在的列,其中包含上传到其中的图像。 现在是阿贾克斯

回答 1 投票 0

在asp.net web api中使用MemoryStream和ZipArchive将zip文件返回给客户端

我正在尝试使用以下代码将zip文件从asp.net web api返回到客户端: 私有字节[] CreateZip(字符串数据) { 使用 (var ms = new MemoryStream()) { 使用 (var ar ...

回答 5 投票 0

使用AJAX发送FormData到nodejs+express服务器

这是我的前端JS。附带说明一下,FormData.append() 不起作用,因此我必须显式设置其属性。 @data 是一个具有输入名称:值属性的对象。 函数http(数据){

回答 1 投票 0

为什么我的 AJAX 表单在提交时会刷新页面?

我正在创建一个简单的关注/取消关注系统,一切正常,因为它在我关注/取消关注时插入行并删除行,但由于某种原因,它每次都会刷新页面...

回答 1 投票 0

更改使用AJAX返回的JSON中图像的路径

每当我选择视图的颜色时,我都想更改图像,因此我编写了一个 Ajax 来返回该颜色的产品。这里的代码: $(document).on('change', '#colorId', function () { 获取图像(

回答 1 投票 0

MVC ajax post 到控制器操作方法

我一直在看这里的问题:MVC ajax json post to controller action method,但不幸的是它似乎对我没有帮助。我的几乎一模一样,除了我的方法标志...

回答 5 投票 0

jQuery Ajax 在同一页面上的 php 变量中的 select (onchange) 上传递值,无需表单发布

如何找回: 如何找回: <div id="test"> <?php if (isset($_POST['sweets'])) { ob_clean(); echo $_POST['sweets']; exit; } ?> </div> <form id="a" action="" method="post"> <select name="sweets" onchange="change()" id="select1"> <option >Chocolate</option> <option selected="selected">Candy</option> <option >Taffy</option> <option >Caramel</option> <option >Fudge</option> <option >Cookie</option> </select> </form> <!-- Script --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> function change() { var sweets = $("#select1").val(); $.ajax({ type: "POST", data: { sweets: sweets }, success: function(data) { $("#test").html(data); } }); } </script> 将值传递给 php 字符串: $string = $_POST['sweets']; <!-- I'm looking for this: --> 我希望这是可能的。我在 stackoverflow 和 google 上寻找答案,但找不到适合我的目的的答案。 对于同一个页面的ajax / PHP脚本,您可以将PHP放在脚本的顶部并以exit结束(当有if condition statement提交数据时,整个脚本包含在POST中) 为了让它更有意义,你可以考虑返回与你通过POST提交的内容相关的东西(这是甜食的类型),作为例子,我们展示一下它的一般定义。我们可以使用 switch,这是一种常用的语句/结构用于此目的(特别是回答您关于 <!-- I'm looking for this: --> 的问题): switch ($string) { case "Chocolate": echo "Chocolate is made from cocoa beans, the dried and fermented seeds of the cacao tree"; break; case "Candy": echo "Candy is a sweet food made from sugar or chocolate, or a piece of this"; break; case "Taffy": echo "Taffy is a type of candy invented in the United States, made by stretching and/or pulling a sticky mass of a soft candy base"; break; case "Caramel": echo "Caramel is made of sugar or syrup heated until it turns brown, used as a flavouring or colouring for food or drink"; break; case "Fudge": echo "Fudge is a dense, rich confection typically made with sugar, milk or cream, butter and chocolate or other flavorings"; break; case "Cookie": echo "A cookie (American English) or biscuit (British English) is a baked snack or dessert that is typically small, flat, and sweet"; break; } ?> 所以以下是示例代码: <?php if (isset($_POST['sweets'])) { // ob_clean(); $string = $_POST['sweets']; switch ($string) { case "Chocolate": echo "Chocolate is made from cocoa beans, the dried and fermented seeds of the cacao tree"; break; case "Candy": echo "Candy is a sweet food made from sugar or chocolate, or a piece of this"; break; case "Taffy": echo "Taffy is a type of candy invented in the United States, made by stretching and/or pulling a sticky mass of a soft candy base"; break; case "Caramel": echo "Caramel is made of sugar or syrup heated until it turns brown, used as a flavouring or colouring for food or drink"; break; case "Fudge": echo "Fudge is a dense, rich confection typically made with sugar, milk or cream, butter and chocolate or other flavorings"; break; case "Cookie": echo "A cookie (American English) or biscuit (British English) is a baked snack or dessert that is typically small, flat, and sweet"; break; } exit; } ?> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <select name="sweets" onchange="change()" id="select1"> <option value="">Please select</option> <option >Chocolate</option> <option >Candy</option> <option >Taffy</option> <option >Caramel</option> <option >Fudge</option> <option >Cookie</option> </select> <br><br> <div id="test"></div> <script> function change() { var sweets = $("#select1").val(); $.ajax({ type: "POST", data: { sweets: sweets }, success: function(data) { $("#test").html(data); } }); } </script> 参见演示

回答 1 投票 0

Ajax 删除请求返回 200 但会引发错误而不是成功

嗨,我无法弄清楚我在哪里出错了,因为删除功能运行良好,但是,即使 JSON 响应返回成功,错误也会被触发。 $(文档).on('点击', '.rem...

回答 1 投票 0

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