Ajax中data取到值，加载不上的原因

最新推荐文章于 2022-06-24 09:01:03 发布
最新推荐文章于 2022-06-24 09:01:03 发布
阅读量291 收藏 1
点赞数 1
文章标签： java spring jquery javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40824167/article/details/117440675
版权

Ajax中data取到值，加载不上的原因

今天运行项目的时候发现我的ajax数据并没有加载上去
空值
然后我去controller输出了一下
代码块

发现我的JSON格式好像不正确，貌似多了点什么。“ / ”每个字段开始和结束都有
json格式

这并不是JSON格式的排列，找了许久终于发现了问题
中文编码
中文编码格式这一块，把JSON格式改变了，注释掉或删掉都可以，这样就行了

效果

json格式

希望对你有帮助！！！！！！！！！

幽幽阑珊
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Ajax 异步加载解析
10-21
在这个例子中，我们创建了一个Ajax对象，设置了当请求完成后更新页面的回调函数，然后发送一个GET请求到指定的URL，最后将响应文本插入到ID为"result"的元素中。 在实际应用中，你可能会使用jQuery、axios或fetch等...
jQuery无限级ajax加载菜单代码
06-24
综上所述，"jQuery无限级ajax加载菜单代码"是一个结合了jQuery、Ajax和树形菜单设计的实例，它充分利用了JavaScript库的优势，实现了高效、灵活的菜单加载和展示。通过理解和应用这些技术，开发者可以创建出更加交互...
ajax填充没显示出来,ajax请求数据成功，页面的数据没有加载出来
weixin_36057741的博客
08-06 652
w3c的ajax的例子，点击按钮，(ajax请求读取一个本地ajax.txt文件)页面展示其内容，在chrome中打开页面，点击按钮请求成功，但是页面没有显示ajax.txt的内容，这是为什么呢？代码和chrome截图如下function loadXMLDoc () {var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox...
ajax拿到得数据没法用,我用ajax获取了数据，可是没办法渲染到界面上，求大牛们帮忙找找问题。...
weixin_33150295的博客
08-05 509
$(function() {init();})var arr=[];/*$('#selection').change(function() {$('#options').empty();$.each(arr[this.selectedIndex].value, function(index, val) {$(''+val+'').appendTo('#options');});});*/funct...
ajax具有返回值，但是返回值无法使用
Museions的开心博客
06-29 729
ajax无法使用返回值,ajax跨域返回值无法使用
ajax传不了data
weixin_42596624的博客
06-24 375
一个小坑
ajax请求传回的参数data不显示,ajax $.get的data参数无法传递
weixin_32579355的博客
08-05 472
使用$.get方法，点击一次button获取两条数据，点击一次之后变量+1，之后把这个值传递到getajax.php页面的数据库查询语句中作为查询条件，如果把”page=”+pageno改成page=1。程序能正常运行，但现在是”page=”+pageno，运行getajax.php,首先提示“false”,就是var_dump($result)的结果，然后提示“Fatal error: Call...
ajax中data传参的两种方式分析
10-23
在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在使用AJAX进行数据交互时，`data`参数是传递数据到...
Ajax全局加载框(Loading效果)的配置
10-21
通过维护一个`data-ajax-count`属性，并在请求开始和结束时更新其值，当`data-ajax-count`为0时，隐藏加载框。 **总结** Ajax全局加载框的配置是提升用户体验的重要手段，通过使用jQuery的`ajaxSetup`方法和第三方...
ajax上拉懒加载列表（适用于移动端）
12-04
在现代Web开发中，为了提供更好的用户体验，尤其是在移动端，我们经常使用Ajax上拉懒加载列表。这个技术允许用户滚动页面时，数据动态加载，而无需等待整个页面刷新。"ajax上拉懒加载列表（适用于移动端）"这个项目...
ajax查询后显示不出来,使用ajax显示查询结果
weixin_39742958的博客
08-06 432
我正在使用涉及两个表的查询来显示视图中的记录，当修改该记录时，我通过向表单添加“Remote True”并添加到表单中来使用ajax在控制器中编辑动作“format.Json”并创建一个update.js.erb文件，在该文件中，我在更新显示更新视图后渲染注册表。我的问题是，记录是查询的结果，并且在视图中使用ajax呈现它时，它不会执行查询的结果。使用ajax显示查询结果用ajax怎么可以呈现查询...
ajax加载不了,通过AJAX加载内容后jQuery不起作用
weixin_35578381的博客
08-06 522
小编典典jQuery选择器选择执行代码时DOM中存在的匹配元素，并且不会动态更新。当您调用一个函数(例如.hover()添加事件处理程序)时，它只会将它们添加到那些元素中。进行AJAX调用并替换页面的一部分时，您将使用绑定到它们的事件处理程序删除这些元素，并用新元素替换它们。即使这些元素现在与该选择器匹配，它们也不会绑定事件处理程序，因为执行该操作的代码已经执行。事件处理程序专门针对事件处理程序(...
ASCII码表和转义字符
aaa321110的博客
10-30 556
Bin Dec Hex 缩写/字符 解释 0000 0000 0 0 NUL(null) 空字符 0000 0001 1 1 SOH(start of headline) 标题开始 0000 0010 2 2 STX (start of text) 正文开始 0000 0011 3 3 E...
ajax data参数没有值,ajax $.get的data参数无法传递
weixin_26808963的博客
08-05 331
使用$.get方法，点击一次button获取两条数据，点击一次之后变量+1，之后把这个值传递到getajax.php页面的数据库查询语句中作为查询条件，如果把"page="+pageno改成page=1。程序能正常运行，但现在是"page="+pageno，运行getajax.php,首先提示“false”,就是var_dump($result)的结果，然后提示“Fatal error: Call...
分页加载中ajax,wordpress实现分页Ajax无限加载功能
最新发布
05-18
要实现分页Ajax无限加载功能，可以按照以下步骤进行： 1. 在WordPress主题中创建一个新的页面模板，命名为“ajax-pagination.php”（或者其他你喜欢的名字）。 2. 在模板中添加需要分页的内容。 3. 在模板中添加一个按钮或链接，用于加载更多内容。 4. 使用jQuery编写Ajax代码，将按钮或链接与模板中的内容连接起来。 5. 在functions.php文件中添加一个新的函数，用于处理Ajax请求。 6. 编写一个新的WordPress查询，用于获取下一页的内容。 7. 将查询结果返回给Ajax请求，并将其添加到页面上。 以下是一个简单的示例代码，演示如何实现分页Ajax无限加载功能： 在ajax-pagination.php文件中，添加以下代码： ``` <div id="content"> <?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; $args = array( 'post_type' => 'post', 'posts_per_page' => 3, 'paged' => $paged ); $query = new WP_Query($args); if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post(); // 输出文章内容 endwhile; endif; ?> </div> <div id="load-more"> <a href="#">加载更多</a> </div> ``` 在JavaScript文件中，添加以下代码： ``` jQuery(document).ready(function($) { $('#load-more a').click(function() { var button = $(this), data = { 'action': 'load_more', 'query': loadmore_params.posts, 'page': loadmore_params.current_page }; $.ajax({ url: loadmore_params.ajaxurl, data: data, type: 'POST', beforeSend: function(xhr) { button.text('正在加载...'); }, success: function(data) { if (data) { button.text('加载更多').prev().before(data); loadmore_params.current_page++; if (loadmore_params.current_page == loadmore_params.max_page) button.remove(); } else { button.remove(); } } }); return false; }); }); ``` 在functions.php文件中，添加以下代码： ``` add_action('wp_ajax_load_more', 'load_more'); add_action('wp_ajax_nopriv_load_more', 'load_more'); function load_more() { $query = json_decode(stripslashes($_POST['query']), true); $query['paged'] = $_POST['page'] + 1; $posts = new WP_Query($query); if ($posts->have_posts()) { while ($posts->have_posts()) { $posts->the_post(); // 输出文章内容 } } die; } ``` 以上代码仅仅是一个示例，你需要根据自己的实际情况进行修改和调整。但是，这个示例可以帮助你了解如何使用WordPress和Ajax来实现分页Ajax无限加载功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

幽幽阑珊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值