Ajax异步提交数据返回值的换行问题实例分析

本文实例分析了Ajax异步提交数据返回值的换行问题。分享给大家供大家参考，具体如下：
前面分析介绍了《Javascript基于AJAX回调函数传递参数》及《IE浏览器与FF浏览器关于Ajax传递参数值为中文时的区别》，学习了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（/
/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]."
";} } echo $arr_names;}

php代码中返回的值直接带有换行“ ”，textarea 中IE和FF的换行符号都是 " ",jQuery 的处理返回值中注意，使用
复制代码代码如下:newData = data.replace（/ /g,""）;
处理返回的结果，用于去除最开始的换行符号，Ajax返回的值中，都自动带有一个换行。这是Ajax本身带有的。
希望本文所述对大家ajax程序设计有所帮助。