双11狂欢大促

盲盒赢 定制羽绒服

开启惊喜盲盒，抽取你的专属好礼

— 惊喜奖品抢先看 —

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

ajax接收数据为空时，不刷新怎么回事

2016-10-20 06:21:55 336 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

wangxu960722 墨衍会员 · AI 创作全网分发关注 + 加入社区

JS与Ajax实现异步局部刷新的原理 JS与AJAX实现异步局部刷新的原理 1、AJAX原理 AJAX(Asynchronous Javascript And XML)=异步 javascript 和XML 可以是网页实现异步更新，就是不重新加载整个页面的情况下，对页面的某部分进行更新(局部刷新)，传统的网页(不使用AJAX)如果需要更新内容，必须重载整个网页页面。AJAX是一种新的思想，整合之前的多种技术，用于创建快阅读详情

当我的条件经过servlet到数据库去找时写入的是空集合然后JSONArray jsonArr = JSONArray.fromObject(list,);
然后从ajax获取，为什么不刷新

...全文

【Jsp】Ajax提交数据不刷新页面传统的网页基本都是通过get或者post提交数据，但是一旦提交，本页面就被刷新了，即便提交到本页面，原本用户修改的数据就被清空了，这个场景在用户注册时，体验是很糟糕的。 Ajax为此而生，它可以提交数据，而不刷新页面，甚至可以更新局部信息，以下用实例来讲解。 Ajax使用JavaScript来实现，不仅在Jsp中可用，PHP、Asp.Net中同样可以用先建立一个接收数据的servlet，名... 阅读详情

wangxu960722

Ajax 52,778 成员 25,334 内容

+ 关注 + 加入社区

切换为时间正序

斯洛文尼亚旅游 2016-10-21

打赏
举报

JSONArray jsonArr = JSONArray.fromObject(list,); 而且你这个代码多了个逗号要报错吧？自己f12打开浏览器开发工具看报什么错误，ajax请求的url地址是否正确

斯洛文尼亚旅游 2016-10-21

打赏
举报

引用 6 楼 wangxu960722 的回复:

[quote=引用 3 楼 showbo 的回复:] JSONArray jsonArr = JSONArray.fromObject(list,); 而且你这个代码多了个逗号要报错吧？自己f12打开浏览器开发工具看报什么错误，ajax请求的url地址是否正确

我知道哪里错了，因为data为空，each循环是，value 为空，程序卡死在value.heading.length，所以不刷新，，，我理解是这样的

[/quote] 不是不循环，为null的话你调用each会报错。。导致都没有执行$("#contents").html(str);这句，所以没有更新。要不如果是长度为0的数组没有执行遍历也会执行$("#contents").html(str);，应为str没有内容所以会清空contents的内容，而不是一点反应没有

wangxu960722 2016-10-21

打赏
举报

引用 5 楼 showbo 的回复:

[quote=引用 4 楼 wangxu960722 的回复:] [quote=引用 3 楼 showbo 的回复:] JSONArray jsonArr = JSONArray.fromObject(list,); 而且你这个代码多了个逗号要报错吧？自己f12打开浏览器开发工具看报什么错误，ajax请求的url地址是否正确

程序能进success ，如果data为空程序怎么走，还进each循环么[/quote]能进入success自己console.log(data)看结构是什么。。 [/quote] 不知道我理解的对不对。。。。

wangxu960722 2016-10-21

打赏
举报

引用 3 楼 showbo 的回复:

JSONArray jsonArr = JSONArray.fromObject(list,);

而且你这个代码多了个逗号要报错吧？自己f12打开浏览器开发工具看报什么错误，ajax请求的url地址是否正确

我知道哪里错了，因为data为空，each循环是，value 为空，程序卡死在value.heading.length，所以不刷新，，，我理解是这样的

斯洛文尼亚旅游 2016-10-21

打赏
举报

引用 4 楼 wangxu960722 的回复:

[quote=引用 3 楼 showbo 的回复:] JSONArray jsonArr = JSONArray.fromObject(list,); 而且你这个代码多了个逗号要报错吧？自己f12打开浏览器开发工具看报什么错误，ajax请求的url地址是否正确

程序能进success ，如果data为空程序怎么走，还进each循环么[/quote]能进入success自己console.log(data)看结构是什么。。

wangxu960722 2016-10-21

打赏
举报

引用 3 楼 showbo 的回复:

JSONArray jsonArr = JSONArray.fromObject(list,); 而且你这个代码多了个逗号要报错吧？自己f12打开浏览器开发工具看报什么错误，ajax请求的url地址是否正确

程序能进success ，如果data为空程序怎么走，还进each循环么

斯洛文尼亚旅游 2016-10-20

打赏
举报

说明就没有进入success回掉罗怎么更新。。自己也要搞清楚服务器返回的json结构是什么，要不没有对应的属性可能报错

wangxu960722 2016-10-20

打赏
举报

<script type="text/javascript">

		$(function() {

			var jsonStr = {

				"pageIndex" : "1",

				"pageSize" : "8",

				"realName" : "",

				"address" : "",

				"maths" : new Date()

			};

			search(jsonStr);

			 $("#search").on("click", function() {

				var jsonStr = {

					"pageIndex" : "1",

					"pageSize" : "8",

					"realName" : $("#username").val(),

					"address" : $("#useraddr").val(),

					"maths" : new Date()

				};

				search(jsonStr);

			});

			

		});



		function search(jsonStr) {

			$

					.ajax({

						url : "Search",

						type : "post",

						data : jsonStr,

						dataType : "json",

						success : function(data) {

							var str = "";

							$

									.each(

											data,

											function(index, value) {

												if (value.heading.length == 0) {

													str += "<div class='info'><div class='left'><img src='upload/missing_face.png' /></div>";

												} else {

													str += "<div class='info'><div class='left'><img src='"+value.headimg+"' /></div>";

												}

												str += "<div class='right'><ul><li>登录名：";

												str += value.loginId;

												str += "</li><li>姓名：";

												str += value.realName;

												str += "</li><li>性别：";

												str += value.gender;

												str += "</li><li>电话：";

												str += value.phone;

												str += "</li><li>生日：";

												str += value.birthday;

												str += "</li><li>电邮：";

												str += value.email;

												str += "</li><li>地址：";

												str += value.address;

												str += "</li><li>部门：";

												str += value.deptNo;

												str += "</li></ul></div></div>";

											});

							

							$("#contents").html(str);

						},

						error : function(data) {

							alert(error);



						}

					});

		}

	</script>

✦双11狂欢大促✦

ajax接收数据为空时，不刷新怎么回事

相关推荐

双11狂欢大促