ajax 相关问题

在ajax请求后更新'div'

这是我在 django 中的第一个项目。我是 Django、ajax、javascript 新手。发出 ajax 请求后，我必须将数据发送到 jinja 模板。 我的index.html是 {% 如果数据 %} {{数据.标题}... 这是我在 django 中的第一个项目。我是 Django、ajax、javascript 新手。我必须在发出ajax请求后将数据发送到jinja模板。 我的index.html是 {% if data %} <p>{{data.title}}</p> <p>{{data.price}}</p> {% endif %} 我的javascript是 <script> $.ajax({ type: "POST", url: "/", // Replace with the actual URL of your view data: { input_value: "test", csrfmiddlewaretoken: "{{ csrf_token }}" }, success: function(response) { title = response // after request, response be like { "data" : {"title":"t1", "price":20} } }, error: function() { console.log("Error") } }); <script> 我不知道这是可能的。有些使用 element.innerHTML 进行更新，但我需要发送为 jinja 格式。谢谢 这里有 2 个选择，这取决于您喜欢什么。 返回模板而不是 JSON 这里的想法是在服务器端生成模板。然后将生成的 HTML 返回给 AJAX 调用者。所以 Ajax 的成功只是将这个 HTML 片段附加到正确的位置。 在JS中渲染div 如果您只有 JSON 策略或使用 DRF，那么唯一的方法是使用 js 代码渲染 JSON，该代码循环接收到的项目并生成等效的 HTML，然后将其添加到文档中。 您不能将 JinJa 放在同一页面上，因为在生成页面来渲染它时您没有收到数据。

转换 JavaScript 日期时间格式

我想从数据库中获取日期数据“dd.mm.mm.yyyy HH:mm”。 我怎样才能用Javascript转换这些数据？ 通常日期数据如下： 2023-08-14T15:20:59.659667+03...

前端 AJAX 请求在 WordPress 中不起作用

我正在编写一个WordPress插件（使用官方文档中推荐的样板），我需要合并一个AJAX请求来填充DataList。我正在遵循森的 WP 公约...

使用AJAX调用PHPExcel文件下载

我有一个用于导出文件的PHPExcel代码，当我通过正常的静态输入运行它时，它工作得很好，但是当尝试使用ajax调用时，文件没有被下载。 PHP 代码...

如何通过ajax post请求将照片从客户端发送到服务器？

在我的网站上，客户可以上传照片进行处理（裁剪或选择照片色调的颜色），因此，我希望在选择各种参数时，向上进行更改...

在 ajax 调用之前变量值没有增加

我有一个基于现有 PHP 数组值编译的 url 字符串。 URL 很好，但是每次 AJAX 调用之后我都想要最后一个变量 增加了100。 控制台日志是sh...

MOSS 2007 Web 部件中的 Ajax

我正在 MOSS 2007 中创建一个包含自动完成扩展程序的 Web 部件。 我通过在 web.config 中添加所有配置来启用 ajax 我的网站（此处示例） 我的网络服务： [系统.Web.脚本。

一个空的Post请求AJAX + Spring Boot到来了

在前端，有这样的代码： $("#add_button").click(function() { console.log("按钮已被按下"); 变量流派 = { 名称：$("#genre_name&quo...

获取下拉数据

问题是当我单击第一类时显示所有类数据。我希望当有人单击任何类时仅显示该类数据。我认为我的查询中的问题是我的代码 $x=$_POST['c_id']; ...

我正在尝试使用 $.post 将值发送到另一个页面，但是当我尝试访问该值时，$_POST[value] 不起作用。我能做什么？

我在让一个页面向另一个页面发送一些数据时遇到很多麻烦。我正在这个电影网站上工作，其中有显示电影的索引页面，当我单击电影时，我想访问...

为什么我使用 AJAX/Javascript 调用 URL 时收到 500 错误？

我正在尝试将外部 JSON 文件拉入我的 JavaScript 代码中。我使用 https://jsonserve.com/ 创建了这个 JSON 文件，它为我提供了 URL (https://api.jsonserve.com/Xljpm)。当...

获取“event.returnValue 已弃用。请改用标准 event.preventDefault()”

当我在 Google Chrome 中使用 ajax 时，出现此消息 event.returnValue 已弃用。请使用标准 event.preventDefault() 代替 我安装了新的 G.Chrome 和新的 jquery 库，b...

如何在 Javascript 中从 Laravel 路由生成 URL

我需要传递一个ajax变量作为路由参数，但它显示错误。 这是错误： 函数 App\Http\Controllers\PermissaoController::status() 的参数太少，通过了 0 个并且精确...

Flask：利用用户输入

我试图允许用户在文件夹中的几个不同视频之间进行选择，并通过利用他们的输入来播放他们想要的视频。 当前代码： @app.route('/AAR/') def aar(): 路径=路径()。

我不知道如何发出 AJAX 请求

我希望当单击“发送到数据库”按钮时，将表单中的数据发送到数据库并在表单中输出。现有表的新行。 我有一张桌子，下面有一个

为什么使用ajax页面也会自动刷新？

我使用ajax在sql中更新img 为什么不按 sweetalert 按钮页面就会刷新？ sweetalert 可以显示一段时间后网页会立即自动刷新，无需按下...

jquery ajax 功能不起作用

我的html是这样的， <p>我的 html 是这样的，</p> <pre><code><form name="postcontent" id="postcontent"> <input name="postsubmit" type="submit" id="postsubmit" value="POST"/> <textarea id="postdata" name="postdata" placeholder="What's Up ?"></textarea> </form> </code></pre> <p>jquery代码如下</p> <pre><code>$("#postcontent").submit(function(e) { $.ajax({ type:"POST", url:"add_new_post.php", data:$("#postcontent").serialize(), beforeSend:function(){ $(".post_submitting").show().html("<center><img src='images/loading.gif'/></center>"); },success:function(response){ //alert(response); $("#return_update_msg").html(response); $(".post_submitting").fadeOut(1000); } }); }); </code></pre> <p>当我点击提交按钮时，我的ajax请求不起作用，看起来好像控制被传递给JQuery提交函数，但是ajax请求没有执行/正常工作，出了什么问题？</p> </question> <answer tick="true" vote="13"> <p>将事件处理函数放入 $(document).ready(function(){...}) 中。现在就可以工作了</p> <blockquote> <p>还添加preventDefault()来限制页面刷新</p> </blockquote> <pre><code>$(document).ready(function() { $("#postcontent").submit(function(e) { e.preventDefault(); $.ajax({ type : "POST", url : "add_new_post.php", data : $("#postcontent").serialize(), beforeSend : function() { $(".post_submitting").show().html("<center><img src='images/loading.gif'/></center>"); }, success : function(response) { alert(response); $("#return_update_msg").html(response); $(".post_submitting").fadeOut(1000); } }); e.preventDefault(); }); }); </code></pre> </answer> <answer tick="false" vote="4"> <p>试试这个代码</p> <pre><code><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <Script> $(document).ready(function(){ $("#postcontent").click(function(e) { $.ajax({type:"POST",url:"add_new_post.php",data:$("#postcontent").serialize(),beforeSend:function(){ $(".post_submitting").show().html("<center><img src='images/loading.gif'/></center>"); },success:function(response){ //alert(response); $("#return_update_msg").html(response); $(".post_submitting").fadeOut(1000); } }); }); }); </script> <form name="postcontent" id="postcontent"> <input name="postsubmit" type="button" id="postsubmit" value="POST"/> <textarea id="postdata" name="postdata" placeholder="What's Up ?"></textarea> </form> </code></pre> </answer> <answer tick="false" vote="2"> <p>您需要防止提交时表单的默认行为</p> <p>添加以下内容：</p> <pre><code>$("#postcontent").on('submit' , function(e) { e.preventDefault(); //then the rest of your code } </code></pre> </answer> <answer tick="false" vote="1"> <p>试试这个</p> <pre><code> $("#postcontent").submit(function() { return false; }; $('#postsubmit').click(function(){ // your ajax request here }); </code></pre> </answer> <answer tick="false" vote="1"> <p>我认为您已经放置了 e.preventDefault();在 ajax 调用之前，这就是为什么它会阻止调用该函数并且您的 Ajax 调用将不会调用。</p> <p>因此尝试在 Ajax 调用之前删除 e.prevent Default() 并将其添加到 Ajax 调用之后。</p> </answer> <answer tick="false" vote="1"> <p>为了记录。我花了两天时间解决 ajax 问题，今天下午当我开始测试时，我的 PHP ajax 处理程序没有被调用......</p> <p>非常令人沮丧。</p> <p>我的问题的解决方案（这<em>可能</em>可以帮助其他人）是add_action的优先级。</p> <p>add_action ('wp_ajax_(我的处理程序), array('class_name', 'static_function'), 1);</p> <p>回想一下默认优先级 = 10</p> <p>我得到的返回代码为零，并且我的代码没有被调用。</p> <p>...注意到这不是 WordPress 问题，我可能在这个问题上说错了。抱歉。</p> </answer> <answer tick="false" vote="0"> <p>尝试一下：</p> <pre><code><form name="postcontent" id="postcontent"> <input name="postsubmit" type="submit" id="postsubmit" value="POST"/> <textarea id="postdata" name="postdata" placeholder="What's Up ?"></textarea> </form> <script> (function() { $("#postcontent").on('submit', function(e) { e.preventDefault(); $.ajax({ type:"POST", url:"add_new_post.php", data:$("#postcontent").serialize(), beforeSend:function(){ $(".post_submitting").show().html("<center><img src='images/loading.gif'/></center>"); },success:function(response){ //alert(response); $("#return_update_msg").html(response); $(".post_submitting").fadeOut(1000); } }); }); })(); </script> </code></pre> </answer> <answer tick="false" vote="0"> <p>我正在做这样的代码</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="http://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> <script> $(document).ready(function () { $(".work-category a").click(function (e) { e.preventDefault(); var id = $(this).attr('data-id'); $.ajax({ url: 'process.php', method: 'POST', data: { clickCategoryID : id }, dataType: 'JSON', success: function (data) { $("#content-area").html(data.Content); $(".container-area").animate({top: '100px'}, 1000); $(".single-content").animate({opacity:1}, 1000); } }); }); }); </script></code></pre> </div> </div> <p></p> <p>但是代码没有运行，并且控制台 saya process.php 没有找到，尽管我有代码。 </p> </answer> <answer tick="false" vote="0"> <p>我遇到了这个问题，这些答案都无法帮助我解决这个问题。对于碰巧遇到同样问题的其他人，这里有一个对我有用的可能解决方案。只需将代码重新格式化为以下内容：</p> <pre><code>$("#postcontent").submit(function(e) { $.ajax({ type:"POST", url:"add_new_post.php", data:$("#postcontent").serialize(), beforeSend:function(){ $(".post_submitting").show().html("<center><img src='images/loading.gif'/></center>"); }, success (response) { //alert(response); $("#return_update_msg").html(response); $(".post_submitting").fadeOut(1000); }, error (data) { // handle the error } }); }); </code></pre> <p>代码的不同之处在于该代码有一个错误处理程序。您可以选择按照自己的意愿处理错误，但最佳实践是在发生异常时使用错误处理程序。此外，ajax 函数中成功函数和错误函数的格式也不同。这是唯一适合我的成功/错误格式。希望有帮助！</p> </answer> <answer tick="false" vote="0"> <p>我的html和js代码</p> <pre><code><script> $(".editTest23").change(function () { var test_date = $(this).data('');id // alert(status_id); $.ajax({ type: "POST", url: "Doctor/getTestData", data: { test_data: test_date, }, dataType: "text", success: function (data) { $('#prepend_here_test1').html(data); } }); // you have missed this bracket return false; }); </script> </code></pre> <p>在 PHP 代码中</p> <pre><code> foreach($patitent_data as $result){ $result_html .="<tr class='test_record'>\ <td><input type='text' name='test_name' value='$result->test_name' class='form-control'></td>\ <td><textarea class='form-control' name='instruction'> $result->instruction </textarea>\ </td>\ <td><button class='close remove_test_record' aria-hidden='true'>&times;</button></td>\ </tr>"; } echo json_encode($result_html) </code></pre> </answer> <answer tick="false" vote="0"> <p>您还可以使用 提交 如果您采用输入类型提交，那么它将自动提交表单或数据，因此只需使用按钮标签及其类型或使用输入类型按钮</p> </answer> </body></html>

如何使用 JavaScript/Ajax 和 CSS 在 HTML 页面/文档上使用 python 代码？

我有以下Python代码（如下）。此代码的目的是让用户输入唯一的 ID 进行搜索，然后应用程序将运行并将结果显示回终端中。 样品

使用 Ajax 列出数据（仅显示最后的数据）[已解决]

我正在使用 ASP.NET Core 开发一个项目。我想使用 Ajax 从数据库中提取数据而不发布页面。但只有一个和最后保存的数据出现。我可以在控制台看到其他数据...

最好的开源 javascript 树？

您能否提出开源但商业友好的许可（非 GPL）Javascript 树？ 请考虑到我需要它用于现有的 Web 应用程序，所以我不确定是否还有其他...