如何处理ajax异步提交返回值中的换行问题-创新互联

这篇文章将为大家详细讲解有关如何处理ajax异步提交返回值中的换行问题，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联建站服务项目包括博乐网站建设、博乐网站制作、博乐网页制作以及博乐网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，博乐网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到博乐省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

背景介绍：

需要实现的功能是：在下拉框中选择分类，提交到PHP根据选择的分类返回该分类下的成员名称，返回值各成员姓名以换行的形式显示到textarea中。

html代码：

<form action="setduty.php?action=add" method="post" name="setForm" id="setForm">
<p> <label>类型：</label>
  <select name="type" id="typeduty">
  <option value="-1">选择类型</option>
  <option value="1">值班首长</option>
  <option value="2">值班处长</option>
  <option value="3">值班员</option>
  </select>
</p>
<p class="opertext"> 
    <label>成员：</label>
   <textarea name="names" id="names" cols="30" rows="10"></textarea>
</p>

JQuery 代码：

$(document).ready(function(){
 $("#typeduty").change(function(){
  var type = $("#typeduty").val();
  $.post("setduty_do.php",
   {
    'cid' : type,
   },function(data,status){
    newData = data.replace(/\r\n/g,'');
     $("#names").html(newData);
  });
 });
});

PHP代码：

if($type){
 switch($type){
  case "1":
   $arrs = getChiefList();
  break;
  case "2":
   $arrs = getDirectList();
  break;
  case "3":
   $arrs = getAttendantList();
  break;
  default:
  break;
 }
 $arr_names = "";
 foreach($arrs as $arr){
  if(strlen($arr[1])>2){
   $arr_names.= $arr[1]."\n";
  }
 }
 echo $arr_names;
}

php代码中返回的值直接带有换行“\n”，textarea 中IE和FF的换行符号都是 "\n",jQuery 的处理返回值中注意，使用

newData = data.replace(/\r\n/g,'');

处理返回的结果，用于去除最开始的换行符号，Ajax返回的值中，都自动带有一个换行。这是Ajax本身带有的。

关于“如何处理ajax异步提交返回值中的换行问题”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

当前文章：如何处理ajax异步提交返回值中的换行问题-创新互联
当前链接：https://www.cdcxhl.com/article44/cesdee.html

成都网站建设公司_创新互联，为您提供微信公众号、做网站、全网营销推广、网站改版、自适应网站、微信小程序

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联