ajax 相关问题

为什么我在登录我的 Laravel 8 应用程序后仅在第一次加载时收到错误 CSRF 令牌不匹配？

我有一个表单，其中包含一些字段，在填充第一个输入后，它们的值通过对控制器的 ajax 调用加载。 我已经使用“@csrf&...

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

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

Drupal 9 - Commerce 2 - 变体开关导致 ajax 错误

我正在构建一个 drupal 9 commerce 2 站点，我遇到的一个问题是与 ajax 一起使用的变体开关在生产服务器上出现问题。 我已经分析了 De...的网络选项卡

如何修复实时搜索中的错误？

有一个实时搜索代码（我没有写），它运行良好，但最近出现错误，我不明白如何解决它以及可以做什么？ 代码： 导出异步函数 liveSearch() {

加载资源失败：服务器响应状态为 500（内部服务器错误）

我的网页正常运行，直到我执行一个 javascript AJAX 片段，它开始在加号处显示购物车功能中的错误 500，当我单击添加时，它只会增加数据量并且必须...

刷新或打开页面后先加载ajax

$（文档）.ready（函数（）{ var screen_width = $(window).width(); 如果（屏幕宽度<= 992) { $.ajax({ url: '../../pages/sidebar.php', success: function(data) { $('#sidebar-container')...

如何在 laravel 的 buttonclick 上调用 ajax 函数？

查看代码： 函数 getMessage(){ $.ajax({ 类型：'POST'， 网址：'/getmsg'， 数据：'_token = <?php echo csrf_token() ?>', 成功...</desc> <question vote="0"> <p>查看代码：</p> <pre><code>&lt;script&gt; function getMessage(){ $.ajax({ type:&#39;POST&#39;, url:&#39;/getmsg&#39;, data:&#39;_token = &lt;?php echo csrf_token() ?&gt;&#39;, success:function(data){ $(&#34;#msg&#34;).html(data.msg); } }); } &lt;/script&gt; &lt;body&gt; &lt;div id = &#39;msg&#39;&gt;This message will be replaced using Ajax. Click the button to replace the message.&lt;/div&gt; &lt;input type=&#34;button&#34; value=&#34;Replace Message&#34; onclick=&#39;getMessage()&#39;&gt; &lt;/body&gt; </code></pre> <p>在这里，当我点击按钮时，它应该被其他文本替换。但是点击时什么也没有出现。</p> <p>控制器代码：</p> <pre><code>public function index(){ $msg = &#34;This is a simple message.&#34;; return response()-&gt;json(array(&#39;msg&#39;=&gt; $msg), 200); } </code></pre> </question> <answer tick="false" vote="0"> <p>在纯 js 中，代码工作正常</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code> function getMessage(){ alert(&#39;Its working!&#39;); }</code></pre> <pre><code>&lt;body&gt; &lt;div id = &#39;msg&#39;&gt;This message will be replaced using Ajax. Click the button to replace the message.&lt;/div&gt; &lt;input type=&#34;button&#34; value=&#34;Replace Message&#34; onclick=&#39;getMessage()&#39;&gt; &lt;/body&gt;</code></pre> </div> </div> <p></p> </answer> <answer tick="false" vote="0"> <p>看起来不错。</p> <p>成功打个断点，看看数据是什么</p> <p>或者做一个 console.log</p> <p>米克</p> </answer> <answer tick="false" vote="0"> <p>在您的ajax代码中您没有定义<pre><code>dataType</code></pre>，添加<pre><code>dataType:&#34;json&#34;,</code></pre>以检索json数据，将您的ajax代码更改为 函数 getMessage(){</p> <pre><code>$.ajax({ type:&#39;POST&#39;, url:&#39;/getmsg&#39;, dataType:&#39;json&#39;, data:{ _token = &#39;&lt;?php echo csrf_token() ?&gt;&#39; }, success:function(data){ $(&#34;#msg&#34;).html(data.msg); } }); </code></pre> </answer> <answer tick="false" vote="0"> <p>用下面提到的代码更新你的代码，让我们试试..我会为我工作..</p> <pre><code> &lt;script type=&#34;text/javascript&#34; charset=&#34;utf-8&#34;&gt; $(document).on(&#39;click&#39;, &#39;#btnSelector&#39;, function(event) { event.preventDefault(); /* Act on the event */ getMessage(); }); var getMessage = function(){ $.ajax({ type:&#39;POST&#39;, url:&#39;/getmsg&#39;, //Make sure your URL is correct dataType: &#39;json&#39;, //Make sure your returning data type dffine as json data:&#39;_token = &lt;?php echo csrf_token() ?&gt;&#39;, success:function(data){ console.log(data); //Please share cosnole data if(data.msg) //Check the data.msg isset? { $(&#34;#msg&#34;).html(data.msg); //replace html by data.msg } } }); } &lt;/script&gt; &lt;body&gt; &lt;div id = &#39;msg&#39;&gt;This message will be replaced using Ajax. Click the button to replace the message.&lt;/div&gt; &lt;input type=&#34;button&#34; value=&#34;Replace Message&#34; id=&#39;btnSelector&#39;&gt; &lt;/body&gt; </code></pre> </answer> <answer tick="false" vote="0"> <pre><code>&lt;script src=&#34;http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js&#34; type=&#34;text/javascript&#34;&gt;&lt;/script&gt; &lt;body&gt; &lt;div id=&#39;msg&#39;&gt;This message will be replaced using Ajax. Click the button to replace the message.&lt;/div&gt; &lt;input type=&#34;button&#34; id=&#34;ajax_call&#34; value=&#34;Replace Message&#34;&gt; &lt;/body&gt; &lt;script&gt; $(function () { $(&#39;#ajax_call&#39;).on(&#39;click&#39;, function () { $.ajax({ type:&#39;POST&#39;, url:&#39;&lt;?php echo url(&#34;/getms&#34;); ?&gt;&#39;, data:&#39;_token = &lt;?php echo csrf_token() ?&gt;&#39;, success:function(data){ $(&#34;#msg&#34;).html(data.msg); }, complete: function(){ alert(&#39;complete&#39;); }, error: function(result) { alert(&#39;error&#39;); } }); }); }); &lt;/script&gt; </code></pre> <p>Jquery onclick 函数：<a href="https://stackoverflow.com/questions/44292763/jquery-onclick-function-not-defined/#answer-44292802">jquery onclick 函数未定义</a></p> <p>还要检查：<a href="https://stackoverflow.com/questions/4242541/function-not-calling-within-an-onclick-event/#answer-4242572">函数不在 onclick 事件中调用</a></p> </answer> </body></html>

如何正确地将 flask-wtforms 与 AJAX 集成以动态添加字段？

我是ajax编程的初学者，所以请多多包涵。 我想要做的是允许用户在单击按钮时添加一个表单字段，如下所示： 单击按钮之前 点击按钮后 对于...

尝试插入数据库后出现错误，我正在使用数据表在屏幕上显示结果

我对数据表有疑问，因为有一个错误我现在几天都无法解决，我正在插入数据并且值返回null，我正在使用post方法，用php .. .

为什么控制台和浏览器控制台都没有错误，但输出没有显示在屏幕上？

jsp 리뷰 阿贾克斯 $(

how to pass values from range slider to jquery in html

我有一个产品列表页面，其中有一个带有一些复选框的过滤器选项，它工作正常，现在我使用了主题中默认存在的范围过滤器， 我有一个产品列表页面，其中有一个带有一些复选框的过滤器选项，它工作正常，现在我使用了主题中默认存在的范围过滤器， <div class="single-widget widget-pricefilter"> <h6 class="widget-title">Filter by Price</h6> <div class="widget-pricefilter-inner"> <div class="tm-rangeslider" data-range_min="0" data-range_max="800" data-cur_min="200" data-cur_max="550"> <div class="tm-rangeslider-bar nst-animating"></div> <span class="tm-rangeslider-leftgrip nst-animating" tabindex="0"></span> <span class="tm-rangeslider-rightgrip nst-animating" tabindex="0"></span> </div> <div class="widget-pricefilter-actions"> <p class="widget-pricefilter-price">Price: $<span class="tm-rangeslider-leftlabel">308</span> - $<span class="tm-rangeslider-rightlabel">798</span></p> </div> </div> </div> 我想在用户更改滑块并将其传递给 jquery 时从中获取值： $(document).ready(function() { $('[name="types[]"]').click(function() { var myCheckboxes = new Array(); $("input[name='types[]']:checked").each(function() { myCheckboxes.push($(this).val()); }); $.ajax({ url: '<?php echo base_url()?>homecontroller/filterpt', type: 'POST', data: { id: <?=$idz?>, types: myCheckboxes }, error: function() { alert('Something is wrong'); }, success: function(data) { var count = $('.myth').length; $('#marble').html(data); $('#count').html(count); } }); }); }); 任何人都可以告诉我如何完成这个，在此先感谢 要从范围滑块获取值并将其传递给 jQuery，您可以使用 oninput 事件将事件侦听器添加到滑块元素： function filterProducts() { var myCheckboxes = new Array(); $("input[name='types[]']:checked").each(function() { myCheckboxes.push($(this).val()); }); var minPrice = $('.tm-rangeslider').data('cur_min'); var maxPrice = $('.tm-rangeslider').data('cur_max'); $.ajax({ url: '<?php echo base_url()?>homecontroller/filterpt', type: 'POST', data: { id: <?=$idz?>, types: myCheckboxes, minPrice: minPrice, maxPrice: maxPrice }, error: function() { alert('Something is wrong'); }, success: function(data) { var count = $('.myth').length; $('#marble').html(data); $('#count').html(count); } }); } $(document).ready(function() { $('[name="types[]"]').click(function() { filterProducts(); }); // add event listener to range slider $('.tm-rangeslider').on('input', function() { filterProducts(); }); });

ASP DotNet Core 6 MVC 保存/自动保存部分完成的表格

我一直在寻找如何保存和自动保存部分完成的表格的答案。我的用户需要能够保存表单以在以后完成。我的问题是模型和数据...

$ 未在 JavaScript 中定义

我正在使用 jQuery 连接 HTML 和 Python，但是下面的代码不会工作，因为 $ 没有定义。我研究了它，发现没有什么可以帮助我的，我还没有做过。 我正在使用 jQuery 连接 HTML 和 Python，但是下面的代码不会工作，因为 $ 没有定义。我研究了它，发现没有什么可以帮助我的，我还没有做过。 <script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <script> function myFunction() { const firstname = document.getElementById('fname').value; const lastname = document.getElementById('lname').value; const dict_values = {firstname, lastname} const s = JSON.stringify(dict_values); console.log(s) window.alert(s) $.ajax({ url:"/test", type:"POST", contentType: "application/json", data: JSON.stringify(s)}); } </script> 我在第一个脚本中添加了更多内容，但没有任何改变。 您的 jquery 的完整性值不正确，这可以在您的浏览器控制台中看到，错误消息如下所示： 无法在资源“https://code.jquery.com/jquery-3.6.4.min.js”的“完整性”属性中找到有效的摘要，计算出的 SHA-256 完整性为“oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=”。资源已被屏蔽 您可以将其更改为以下内容：integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8="

在控制台中回显数据，但 $_POST 为空

所以我试图用 ajax 发送值，但是 config.php 中的 $_POST 是空的。你能帮助我吗？ $(文档).ready(函数(){ 功能更新宽度（）{ var width = Math.round($('#block').wid...

没有页面刷新的切换按钮[关闭]

我正在建立一个电影网站并有一个我正在使用 Javascript 的“我的列表”按钮 - 我不希望在播放电影预告片时刷新页面。提交表格后，对于...

如果 zip 文件大到 500+MB 那么 move_uploaded_file 不工作

Zip 文件很大 if(move_uploaded_file($_FILES['file']['tmp_name'],$location)){ } 不工作如果文件没有移动到目录，它不会显示任何内容。 我也在 httaccess 文件中启用了，

我使用 PHP 的 AJAX 分页无法正常工作

我正在尝试通过使用 PHP 进行过滤来进行 AJAX 分页，但是分页不起作用，数据根据需要加载到页面上并且过滤也很好但是当点击页面时，没有响应.. 我的 PHP...

CI 控制器函数在显示所有记录时返回错误计数

当我从下拉列表中选择全部以显示所有记录时，它显示错误的计数，例如：-（显示 288 个条目中的 1 到 293） 我很困惑我下面缺少的是我的代码，请检查并告诉我

在日历控件中 renderEvent 不起作用？

日历控件插入数据后调用renderEvent获取最近插入的数据。但我发现了不屈不挠。 #when 我刷新浏览器我得到了数据但是使用渲染我没有得到数据。 他……

选择2“无法加载ajax结果”

抱歉，找不到解决方法。 每当我尝试进行一些搜索时，select2 都会显示“无法加载结果”。 我认为我的 ajax 设置有误 HTML: 抱歉，找不到解决方法。 每当我尝试进行一些搜索时，select2 都会显示“无法加载结果”。 我认为我的ajax设置是错误的 html: <select class="js-data-example-ajax form-control" multiple="multiple"></select> 剧本： $(".js-data-example-ajax").select2({ ajax: { url: '@Url.Action("LoadCity", "Addresses")', dataType: 'jsonp', delay: 250, data: function(params) { return { q: params.term, // search term page: params.page }; }, processResults: function(data) { return { results: data }; }, cache: true }, minimumInputLength: 1, }); 添加 08.07.2016 一些更改ajax设置： dataType: 'jsonp' 到 dataType: 'json' 并添加 type: 'GET', 现在没有消息“无法加载结果”，也没有结果 根据你最后的评论。处理结果应返回一个具有结果键的对象。 所以应该是： return { results: [{id: 1, text: 'Test'}] } 我最近在使用 4.0.5 版本时遇到了完全相同的问题 这是从版本 4.0.6 开始解决的组件中的一个已知错误 来自 Github 官方仓库： 修复 AJAX 数据源错误#4356 更新我的本地版本的 select2 组件解决了这个问题。 我有这个工作 select2，我昨天已经实现了它，它可能对你有帮助。 select2_common('.accounts','Account & Description'); function select2_common(selector,placeholder) { $(selector).select2({ minimumInputLength:2, placeholder:placeholder, ajax: { url: "your_url_here", dataType: "json", delay: 200, data: function (params) { return { q: params.term, // search term page: params.page }; }, processResults: function (data) { // console.log(data); return { results: $.map(data, function(obj) { if(obj.id!=0){ // console.log(obj); return { id: obj.id, text: obj.name }; } else {return {id: obj.id, text: obj.name}} }) }; }, cache: true }, debug:false }); } //And your result should be in this form, from your method.... //I am using laravel php framework. public function getAccountDetail(Request $request) { $q = $request->input('q'); $result=[]; if (isset($q) && $q != '') { /*---------- Search by account code or title ----------*/ $data = DB::table('acc_accounts')->select('acc_id','acc_code','acc_title') ->where('acc_code', 'like', '%' . $q . '%') ->orWhere('acc_title', 'like', '%' . $q . '%') ->limit(10)->orderBy('acc_code')->get(); foreach ($data as $key => $value) { $new1 = array('id' => $value->acc_id, 'name' => $value->acc_code.' ('.$value->acc_title.')' ); array_push($result,$new1); } print(json_encode($result)); } }