就是Ajax请求写好了,返回的data不就是function定义的嘛,就没法像原有静态页面可以分开写的格式,那要怎么使其分两行捏,有没有前端兄弟帮帮忙。
同一个请求,postman返回的跟自己接收到的竟然不一样,经过几番百度,终于发现是data数据格式的问题,总结如下:
ajax有三种传递传递data的方式:
json格式
json字符串格式
标准参数模式
1.json格式
形如:
{“username”:”chen”,”nickname”:”alien”}
$.ajax({
type:"post",
url:"/test/saveUser",
data:{"username":"chen","nickname":"alien"},
dataType:"json",
success: function(data){
console.log(data);
}
});
2.json字符串
形如:
“{“username”:”chen”,”nickname”:”alien”}” 或者JSON.stringify({“username”:”chen”,”nickname”:”alien”})
$.ajax({
type:"post",
url:"/test/saveUser",
data:JSON.stringify({"username":"chen","nickname":"alien"}),
contentType:"json/application"
dataType:"json",
success: function(data){
console.log(data);
}
});
用此格式get请求参数传递不过去,不会把json串解析成参数
而且需要添加 contentType:”json/application”
3.标准参数模式
形如:
“username=chen&nickname=alien”
$.ajax({
type:"post",
url:"/test/saveUser",
data:"username=chen&nickname=alien",
dataType:"json",
success: function(data){
console.log(data);
}
});
$(“#form1”).serialize() 就是把表单的数据拼成这个格式的字符串!
使用jQuery将文本分成两行显示可以通过以下步骤实现:
以下是代码实现:
$.ajax({
url: 'your-url',
success: function(data) {
var $element = $('#your-element'); // 获取需要分行的元素
var lineHeight = $element.innerHeight() / 2; // 获取需要显示的总共两行文本的高度
var text = $element.text(); // 获取元素的文本
var text1 = text.slice(0, text.length / 2); // 切割成前一半文本
var text2 = text.slice(text.length / 2); // 切割成后一半文本
var $p1 = $('<p>').text(text1).css('line-height', lineHeight + 'px'); // 创建p标签并设置样式和内容
var $p2 = $('<p>').text(text2).css('line-height', lineHeight + 'px'); // 创建p标签并设置样式和内容
$element.empty().append($p1).append($p2); // 清空原来的内容并将p标签加入到元素中
}
});