解决ajax传值问题
如何解决ajax接收的值的问题
最近在一直使用AJAX来实现局部刷新,但是突然发现AJAX接收后台的信息全是未定义,然后最近才发现要想在前台页面获取到改变类型的值,需要进行Json数据转换。
$(".btnfb").each(function () {$(this).click(function () {var _this = $(this);$.ajax({url: "/ZH_SY/Save",type: "GET",data: { "text": $(this).prev().find("input[type='text']").val(), "HDId": $(this).next().text() },contentType: "application/json;charset=utf-8",success: function (result) {if (result != null) {var rt = result;_this.parent().prev().html(rt.content);_this.prev().find("input").val("");_this.parent().prev().prev().find("div").text(rt.number + "条评论");} else {alert('添加失败');}},error: function (err) {alert("出现错误" + err);}})})
})
这是一段通过AJAX传值从后台读取HTML页面代码然后显示的功能实现,为了实现用户评论之后在不刷新页面的情况下,将数据展示上去。前端页面传过来了两个值,一个是用户的评论循环代码,一个是用户评论的数量,但是在进行读值的时候一直获取不到,一直显示是undifinded数据,然后才知道后台传值的时候没有进行类型转换。
后台代码:
public object Save(string text,string HDId)
{string tt = Session["UserID"].ToString() ;db.PingLun.Add(new PingLun(){HDId = Convert.ToInt32(HDId),UserID = Convert.ToInt32(Session["UserID"]),PLContent = text,PLRiqi = DateTime.Now});foreach (HuiDa item in db.HuiDa.ToList()){if (item.HDId == Convert.ToInt32(HDId)){item.HDPingLun = item.HDPingLun + 1;break;}}db.SaveChanges();string message = "";foreach (PingLun item in db.PingLun.ToList().Where(n => n.HDId == Convert.ToInt32(HDId))){Users us = db.Users.Where(pu => pu.Id == item.UserID).First();if (DateTime.Now.Year - Convert.ToDateTime(item.PLRiqi).Year != 0){message += "<div style='width: 100%;border-bottom: 1px solid #f6f6f6;margin-top: 8px;'>" +"<div class='grid' style='height: 24px;'>" +"<i style='width: 24px;height: 24px;margin-left: 12px;margin-right: 4px;'><img src='/img/"+us.Timg+"' width='24px' height='24px' /></i>" +"<div class='grid-cell-10'>"+us.Name+"</div>" +"<div class='grid-cell-2' style='font-size:13.5px;color: #8590a6;'>"+Convert.ToDateTime(item.PLRiqi).ToShortDateString().ToString()+"</div>" +"</div>" +"<div style='margin: 10px 28px 10px 36px;'>"+item.PLContent+"</div>" +"</div>";}else{message += "<div style='width: 100%;border-bottom: 1px solid #f6f6f6;margin-top: 8px;'>" +"<div class='grid' style='height: 24px;'>" +"<i style='width: 24px;height: 24px;margin-left: 12px;margin-right: 4px;'><img src='/img/"+us.Timg+"' width='24px' height='24px' /></i>" +"<div class='grid-cell-10'>"+us.Name+"</div>" +"<div class='grid-cell-2' style='font-size:13.5px;color: #8590a6;'>"+Convert.ToDateTime(item.PLRiqi).GetDateTimeFormats('M')[0].ToString()+"</div>" +"</div>" +"<div style='margin: 10px 28px 10px 36px;'>"+item.PLContent+"</div>" +"</div>";}}int num = Convert.ToInt32(HDId);object ct = new{content = message,number = db.HuiDa.First(p => p.HDId == num).HDPingLun};return Json(ct,JsonRequestBehavior.AllowGet);
}
之前的返回值是
object ct = new{content = message,number = db.HuiDa.First(p => p.HDId == num).HDPingLun};
return ct;
所以才一直读不到值,最后经过询问老师才知道是需要进行数据转换。
解决ajax传值问题相关推荐
- SpringMVC项目中中文字符乱码问题及解决办法总结(非专业最优解决办法) -- ajax传值乱码; request.getParameter()乱码;
SpringMVC项目中中文字符乱码问题及解决办法总结(非专业最优解决办法) -- ajax传值乱码; request.getParameter()乱码; 参考文章: (1)SpringMVC项目中中 ...
- AJAX 传值数据类型问题
AJAX 传值数据类型问题 问题重现: 今天在用AJAX向后台传jobNo值的时候,发现无论怎样后端取到到的值都是null; 附图(前台AJAX,后台获值方法) 解决方法: Step1:一开始我以为是 ...
- 通过ajax传值,出现的乱码和特殊字符问题
问题描述:通过ajax传值,有时出现乱码和特殊字符.传中文出现乱码,传密码,对特殊字符的处理有问题.如jsp中输入的密码是:1111++11,在java中获取时是:1111 11. 解决思路:通过加 ...
- 【Vue】Vue全家桶(三)Vue组件通信+Vue组件插槽+动画与过渡+使用vue-cli解决Ajax跨域问题
1 Vue组件通信 1.1 组件间通信基本原则 不要在子组件中直接修改父组件的状态数据 数据在哪, 更新数据的行为(函数)就应该定义在哪 1.2 vue 组件间通信方式 props vue 的自定义事 ...
- Vue学习笔记05 组件的自定义事件-组件通信-$nextTick-脚手架解决ajax跨域-插槽-过渡动画
文章目录 Vue学习笔记05 父组件给子组件传值 注意点 子组件给父组件传值 父组件接受子组件的传值 通过函数 组件的自定义事件 事件绑定的第一种写法 @或v-on 事件绑定的第二种写法:使用ref ...
- java获取ajax传值,java取ajax传值
java取ajax传值 [2021-02-03 11:32:37] 简介: php去除nbsp的方法:首先创建一个PHP代码示例文件:然后通过"preg_replace("/(\ ...
- AJAX传值中文乱码
AJAX传值时采用的是UTF-8编码格式,客户端中文字符传输到服务器端时,如果服务器编码格式或者所采用的MVC框架的编码格式不是UTF-8,则很可能会出现中文乱码.解决办法如下: 客户端用js函数en ...
- ajax 没有权限 -quot;跨域quot;,如何解决AJAX中跨域访问出现'没有权限'的错误
如何解决AJAX中跨域访问出现'没有权限'的错误 很多人在使用AJAX调用别人站点内容的时候,JS会提示"没有权限"错误,这是XMLHTTP组件的限制-安全起见 禁止访问非同域的网 ...
- php 返回字符串给aja,解决ajax异步请求返回的是字符串问题
1.返回结果差异 js获取后打印res.code无结果.因为返回数据格式不正确. php文件添加header头: header('Content-Type:application/json;'); 或 ...
最新文章
- python中文昵称-python实例pyspark以及python中文显示
- Java:多态的概念和案例实现
- mysql的库和表相关操作
- php拖拽原理,JS拖拽原理
- js 图片压缩上传(base64位)以及上传类型分类
- java 快速排序 递归_Java递归快速入门
- 第三个Sprint冲刺第十天
- excel2016打开需要配置解决方法
- 微信小程序图片显示不出来的解决方案
- 厦门大学继续教育计算机科学毕业难吗,厦门大学工资待遇
- java mac air_敲代码的Macbook Air2020终于到啦
- HTML5游戏实战:计时拼图游戏制作
- 计算机视觉目标检测算法综述
- android 开发日历功能,Android开发之如何实现日历控件
- 浅谈什么是 云原生
- 【转载】Windows 7下使用bcdedit删除多余启动项的命令
- linux手机刷机包制作工具_ROM制作工具如何制作手机刷机包?
- 矢量、栅格、瓦片地图傻傻分不清
- 电路中滤波电容和退耦电容_去耦电路中,耦合电容容量越大越好吗?
- 办理3C认证多少钱?包含哪些费用?