jQuery怎么让文本换两行

就是Ajax请求写好了,返回的data不就是function定义的嘛,就没法像原有静态页面可以分开写的格式,那要怎么使其分两行捏,有没有前端兄弟帮帮忙。

  • 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7684774
  • 这篇博客你也可以参考下:jQuery中的data方法只能获取不能设置值?
  • 除此之外, 这篇博客: jQuery 完整 ajax示例中的 二、data数据格式 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 同一个请求,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() 就是把表单的数据拼成这个格式的字符串!

  • 以下回答由chatgpt基于相关博客总结生成:

    使用jQuery将文本分成两行显示可以通过以下步骤实现:

    1. 将文本通过Ajax请求获取到页面上来。
    2. 使用元素的innerHeight()方法获取元素内容区域的高度。
    3. 将元素的高度除以2得到两行文本的高度。
    4. 使用元素的text()方法获取文本内容。
    5. 使用字符串的slice()方法将文本切割成两段。
    6. 将第一段文本放到一个p标签里,将第二段文本放到另一个p标签里。
    7. 将这两个p标签加到父元素中。

    以下是代码实现:

    $.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标签加入到元素中
       }
    });