本文实例分析了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(/\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程序设计有所帮助。
您可能感兴趣的文章:- jquery ajax例子返回值详解
- jquery ajax return没有返回值的解决方法
- js获取ajax返回值代码
- asp.net利用Ajax和Jquery在前台向后台传参数并返回值的实例
- ajax返回值中有回车换行、空格的解决方法分享
- jquery+ajax请求且带返回值的代码
- ajax 返回值自动添加pre标签的解决方法
- 创建公共调用 jQuery Ajax 带返回值
- ajax请求后台接口数据与返回值处理js的实例讲解
- 解决ajax请求后台,有时收不到返回值的问题
- 快速解决ajax返回值给外部函数的问题
- Ajax返回值类型与用法实例分析